CSS and styling

A skill your agent uses when: generating Vue 3 page code from either a page-spec JSON or a natural language description.

ChenyCHENYU/Robot_Admin

Where CSS should live. An agent skill from TheDecipherist/claude-code-mastery-project-starter-kit.

TheDecipherist/claude-code-mastery-project-starter-kit

Theme and style Ignite UI Web Components (and igniteui-react) apps using CSS custom properties, optional Sass, and the igniteui-theming MCP server.

IgniteUI/igniteui-webcomponents

Find, install, and configure OpenCode plugins from the catalog or community.

IgorWarzocha/Opencode-Workflows

Guide for developing the MonsterMQ web dashboard. An agent skill from vogler75/monster-mq.

vogler75/monster-mq

React/Redux frontend development patterns for RedisInsight UI: component folder structure, styled-components, hooks, named exports, barrel files, layout components, and theme usage.

redis/RedisInsight

Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns.

benjaminsehl/liquid-skills

Styles applications using Tailwind CSS v3 utilities. An agent skill from OpenLitterMap/openlittermap-web.

OpenLitterMap/openlittermap-web

Use ONLY when working in the docker-acarshub repository AND building UI -- React components, SCSS modules, theme variables, accessibility, mobile responsiveness, Catppuccin color usage, Zustand…

sdr-enthusiasts/docker-acarshub

Styling and structure conventions for stream-chat-react. An agent skill from GetStream/stream-chat-react.

GetStream/stream-chat-react

Create a new BEEQ StencilJS web component. An agent skill from Endava/BEEQ.

Endava/BEEQ

Run after building a UI component to record its background, border, radius and text classes in ui-registry.md so later components match what came before.

jsmastery-pro/jsm-agent-skill

为 ReactLynx + Rspeedy 配置 @weapp-tailwindcss/lynx 0.3.2 与 Tailwind CSS 4，覆盖 Rspeedy plugin、Lynx 原生 CSS、静态 className、theme 变量静态化、任意值、encoder 警告和 iOS/Android 运行端验证。Use for ReactLynx, Rspeedy, Lynx…

weapp-tailwindcss/weapp-tailwindcss

Update the Greasy Fork Dark userscript's existing hard-coded // general CSS snapshot to the latest Greasy Fork application CSS while preserving the owner's dark palette, comments, selector-specific…

cyfung1031/userscript-supports

Designs layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and responsive breakpoints.

ancoleman/ai-design-components

Create or update a Kendo UI component across kendo-themes packages.

telerik/kendo-themes

Odoo 16 development reference for Python models and ORM (search, domain, readgroup, compute fields), XML/CSV data and views, OWL/JS client code, QWeb reports, security (ACL, record rules, groups)…

unclecatvn/agent-skills

Write a Gerillass commit message and a pull request title and description to the house standard.

selfishprimate/gerillass

Configuration options for daisyUI 5

saadeghi/daisyui

Edit or add component theme classes and styles for shipped theme variants (base, carbon).

indielayer/ui

Component segregation guide for Glide (@srivarsank/glide). An agent skill from SrivarsanK/Glide.

SrivarsanK/Glide

OUDS Web compliance code review. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap.

Orange-OpenSource/Orange-Boosted-Bootstrap

为新组件或新特性快速生成符合设计系统规范的 SCSS 变量定义代码，或检查现有变量是否合规. An agent skill from wot-ui/wot-ui.

wot-ui/wot-ui

Project configuration and rendering mode patterns for Rasengan.js.

rasengan-dev/rasenganjs

GPUI framework knowledge covering actions/keybindings, async/background tasks, context management (App/Window/Context<T/AsyncApp), custom elements (low-level Element trait), entity state management…

feigeCode/navop

Generates type scales, color palettes, spacing systems, WCAG contrast checks and dark mode palettes from formulas, as CSS custom properties, a Tailwind config or JSON tokens.

dylanfeltus/skills

Guides styling implementation using TailwindCSS + CSS Modules.

MatrixAges/polywise

Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app.

adrianhajdin/react-native-lingua

指导在项目中对前端代码（Next.js/React/TypeScript/Tailwind 等）进行结构、可维护性、性能与一致性审查，基于既定规则清单。适用于用户请求审查 .tsx/.ts/.js/.jsx 等前端文件或前端目录下的页面与组件。不用于后端代码（如 .py）。

ProgrammerAnthony/Anything-Extract

Update the third-party JavaScript vendored into the app for the artifact, diagram, and math WebViews (KaTeX, mermaid, marked, highlight.js, Tailwind, Babel, React).

garfiec/Librechat-Mobile

Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation.

boraoztunc/skills

将现有 weapp-tailwindcss 项目迁移到当前 v5/Tailwind CSS 4 生成链路，处理旧 weapp-tw patch、旧版 CLI init/Sass/Less/目录扫描、tailwindcss-patch、官方 PostCSS/Vite 插件、相对 cssEntries、H5 disabled、Webpack 4、Node/HBuilderX/ESM 要求。Use…

weapp-tailwindcss/weapp-tailwindcss

Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4

302ai/302-AI-Studio

Guides visual design and polish for the Aholo Viewer website and Playground, staying inside the existing Astro site and scoped CSS layers with a restrained technical tone.

manycoretech/aholo-viewer

A skill your agent uses when creating a new component for the design system.

LucasBassetti/godui

Odoo 17 development reference for Python models and ORM (search, domain, readgroup, compute fields), XML/CSV data and views, OWL/JS client code, QWeb reports, security (ACL, record rules, groups)…

unclecatvn/agent-skills

A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput…

lumose-health/GlycemicGPT

A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…

jiushiwon/wg-skills

Design and style ryOS UI using the current OS theme token system, Tailwind variants, shared primitives, Aqua Glass, dark mode, and accent conventions.

ryokun6/ryos

Scaffold a new Gerillass mixin or utility function with the project's conventions, wire it into the folder index, describe it in meta/, and test it.

selfishprimate/gerillass

Map of redlamp.app, the Next.js website in web/: its stack and commands, its pages, the home page's sections with their anchors, components and content sources, the brand's Tailwind tokens and…

pdcgomes/redlamp

Develop the AuthCrunch Docusaurus homepage, React components, navigation configuration, CSS, and Tailwind integration.

authcrunch/authcrunch.github.io

SCSS and JS structural patterns for OUDS Web components. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap.

Orange-OpenSource/Orange-Boosted-Bootstrap

为 wot-ui 生成单文件主题 SCSS，并在 App.vue 中挂载语义变量. An agent skill from wot-ui/wot-ui.

wot-ui/wot-ui

Extract and compare computed CSS styles between a baseline URL and a dev/Storybook URL using Playwright MCP evaluate calls.

bitovi/ai-enablement-prompts

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.

julianromli/opencode-template

Phase 2 of building an Inkline component — write the .ink.tsx source.

inkline/inkline

Bootstrap a new Next.js (App Router, TypeScript) web app with current packages and no deprecated APIs.

ccplugins/awesome-claude-code-plugins