Best CSS and styling skills, page 6

A skill your agent uses when reviewing rendered HTML, layout components, or design-system patterns that may depend on presentation for meaning.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS containment to limit repaint scope.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS custom properties for design tokens.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS Grid for two-dimensional layouts.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Support dark mode with prefers-color-scheme.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Provide visible custom focus indicators.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets or components that use JavaScript to toggle classes on parent elements based on child state, form input values, or content presence — :has() may…

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS logical properties for i18n and RTL support.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing an HTTPS page for resources (scripts, images, stylesheets, iframes) that are loaded over plain HTTP.

thedaviddias/Front-End-Checklist

Autonomous multi-page site builder using a baton-passing loop.

jezweb/claude-skills

OUDS Web project knowledge base: glossary of 154 terms, build pipeline, npm scripts, CI/CD jobs, and file structure.

Orange-OpenSource/Orange-Boosted-Bootstrap

Create a React component using the Container/Presentation pattern in src/components by asking for the component name and type (ui or features), then scaffold files that follow this repository's…

github/awesome-copilot

XSLT injection testing: processor fingerprinting, XXE and document() SSRF, EXSLT write primitives, PHP/Java/.NET extension RCE surfaces.

langbyyi/CyberStrikeAI-SRC

Produce a single-file slide deck in the Atelier Zero visual language (warm-paper background, italic-serif emphasis spans, coral terminating dots, surreal collage plates) — Open Design's brand deck…

sanqiufong/slides-from-anything

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster rendering.

thedaviddias/Front-End-Checklist

A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Minify all CSS files.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Load CSS without blocking render.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Include a print stylesheet.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Avoid embedded and inline CSS.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Apply Flexbox best practices.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use consistent CSS naming conventions.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use a CSS reset or normalize stylesheet.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use relative units for responsive layouts.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Keep CSS specificity low and flat.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Lint CSS and SCSS files.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Remove unused CSS rules.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Optimize web font formats.

thedaviddias/Front-End-Checklist

Apply Palot's design contract. An agent skill from ItsWendell/palot.

ItsWendell/palot

Using TailwindPlus Elements (@tailwindplus/elements) in the Rocky VS Code webviews.

rocky-data/rocky

Draft, edit, and publish blog posts for e9n.dev. An agent skill from espennilsen/pi.

espennilsen/pi

Use this skill BEFORE writing or restyling ANY user-facing interface.

WrongStack/WrongStack

Build complex claude.ai HTML artifacts with React and Tailwind.

nexu-io/open-design

Fetch up-to-date documentation for any library, framework, API, or service into context.

avibebuilder/claude-prime

Tailwind CSS v4 conventions for real projects — CSS-first configuration with @theme, automatic content detection, the v3-to-v4 migration diffs, and dynamic class-name safety.

boraoztunc/skills

A skill your agent uses when building or styling plugin UI with Composer's design system — the @dxos/react-ui packages.

dxos/dxos

Generate transient or saved inline chat UI with Alpine/Tailwind controls, outputs, app state, and extensions.

BuilderIO/agent-native

设计或实现 Vue 3、Nuxt 组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。负责前端界面与交互的完整实现流程（目标确认、结构设计、实现约束、视觉验证），并遵循项目标准（PrimeVue、SCSS BEM、@mdi/font、Zod）。用户提到 component、page、UI、frontend、form、responsive、SCSS、BEM、i18n、设计落地时都应触发。

CaoMeiYouRen/caomei-auth

Generate DESIGN.md at the repo root by scanning existing design tokens (Figma export, tailwind.config, tokens.json, stylesheet) and synthesizing W3C-compatible YAML frontmatter + Markdown rationale…

alexandremendoncaalvaro/CorridorKey-Runtime

Update component styling following the SCSS to Lit CSS workflow with proper theme support

IgniteUI/igniteui-webcomponents

Web UI - glassmorphism, Tailwind, dark mode, accessibility. An agent skill from alinaqi/maggy.

alinaqi/maggy

A skill your agent uses for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer.

avibebuilder/claude-prime

Tailwind CSS utility patterns with shadcn/ui component usage, theming via CSS variables, and responsive design.

BlackBeltTechnology/pi-agent-dashboard

A skill your agent uses when configuring frontend asset bundling, migrating from build.json (v14) to esbuild (v15+), or troubleshooting SCSS/CSS compilation.

Impertio-Studio/Frappe_Claude_Skill_Package

A skill your agent uses to diagnose CSS and frontend layout issues such as positioning, overflow clipping, Tailwind class conflicts, z-index stacking, and React rendering visibility problems.

majiayu000/spellbook

Extract visual branding (colors, typography, layout patterns) from a client's website and generate a style preset compatible with the HTML slides skill and a brand config JSON for the content asset…

gooseworks-ai/goose-skills

Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data.

mblode/agent-skills