Best design systems skills, page 6

A skill your agent uses when starting any design task — HTML pages, slide decks, interactive prototypes, UI kits, brand systems.

manalkaff/opendesign

"DaisyUI", "daisyui", "UI 마이그레이션", "UI migration", "shadcn to daisyui", "테마 설정", "theme", "컴포넌트 변환", "DaisyUI 테마", "DaisyUI 컴포넌트" 등 DaisyUI 기반 UI 구축이나 shadcn/ui 마이그레이션 시 사용하세요.

imgompanda/fireauto

A skill your agent uses when adding, updating, composing, or debugging source components managed by shadcn; changing apps/desktop/components.json, registries, or presets; or running the shadcn CLI.

ItsWendell/palot

Emit the content signals reimagine-it reads from an HTML file — title, anchors, proper nouns, dates, numbers, emails, links, source hex colors, and the derived palette — as JSON without generating a…

Kayforkind/reimagine-it

Apply Fulldev's content, schema, layout, component and block conventions in Astro client projects, and install UI from the @fulldev registry.

fulldotdev/ui

A skill your agent uses when the user wants to turn an application, product, startup idea, SaaS, mobile app, web app, API, AI product, or internal tool into a production-ready Markdown specification…

instructa/agent-skills

Orchestrates macro-level UI architecture, complex Jetpack Compose structures, and screen-to-screen flows.

nekomangaorg/Neko

Validate, query, resolve, diff, and author spec-conformant design tokens and components using the design-data MCP tools against a local dataset.

adobe/spectrum-design-data

Manages shadcn-vue components and projects — adding, searching, fixing, debugging, styling, and composing UI.

hirotaka/pragmatic-nuxt

Terminal output design system for swamp CLI commands. An agent skill from swamp-club/swamp.

swamp-club/swamp

A skill your agent uses to generate well-branded interfaces and assets for Honeycomb (shared AI agent memory, a Legion Code × Activeloop product), either for production or throwaway…

legioncodeinc/honeycomb

Write or revise a GitHub issue (title and body) for this repository from notes, screenshots or a conversation.

equinor/design-system

Build virtualized data tables with @virtuoso.dev/data-table.

petyosi/react-virtuoso

Configuration options for daisyUI 5

saadeghi/daisyui

Compatibility entry point for opening and operating Codex Slides in Codex's in-editor Browser, including scenario selection, Design Files, brand systems, decks, and Play mode.

nexu-io/codex-slides

Symfony UX TwigComponent for reusable UI building blocks -- server-rendered components with PHP classes and Twig templates.

smnandre/symfony-ux-skills

A skill your agent uses when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.

Automattic/agent-skills

Test Radix NG primitives across every layer and pick the RIGHT one for a change: Vitest unit (zoneless), jest-axe a11y, Playwright browser regression (apps/visual-regression), SSR…

radix-ng/primitives

在 React 项目中接入、生成、修改、联调或验收 HiUI 典型页与非典型页面时使用。适用于 数据统计表、普通表格、树形表格、左树右表、数据可视化、异常反馈页、抽屉表单/详情、 全页编辑/详情、不规范原型截图转规范页、老旧系统截图/URL/源码现代化转译，以及 host-integration、rules-only、legacy-host-compatible 等场景。

XiaoMi/hiui

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

adrianhajdin/react-native-lingua

A skill your agent uses when building a new pixel-art or retro frontend with pxlkit (@pxlkit/ui-kit) — landing, dashboard, portfolio, game UI.

Joangeldelarosa/pxlkit

A skill your agent uses for UI/UX design intelligence in Codex: planning, building, reviewing, improving, or implementing web/mobile interfaces, landing pages, dashboards, design systems…

Jason904/ui-skill-lab

Tailwind CSS component library providing semantic class names for 50+ components with built-in themes, dark mode, and customization for rapid UI development.

rayriffy/rayriffy-h

Complete UI/UX design capability — a wiki-style knowledge map of design theory (UX laws, Nielsen heuristics, usability, visual hierarchy, typography, contrast/WCAG, design systems…

syahiidkamil/Software-Engineer-AI-Agent-Atlas

A skill your agent uses to generate or audit design systems, check visual consistency, and review PRs that touch styling.

templetongroup/radiant

A skill your agent uses when building or editing any visual surface in apps/web — a page, screen, list, card, badge, avatar, modal, form, empty state, toast, tooltip, table, or panel — and you need…

kortix-ai/suna

One-prompt autonomous product design and implementation. An agent skill from kwakseongjae/oh-my-design.

kwakseongjae/oh-my-design

A skill your agent uses when styling UI for postman.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

Animation skill for Motion (prev Framer Motion) and CSS animation.

softmaple/softmaple

Rules and worked examples for combining an archetype (structure and behavior) with a Major Arcana card (color and mood) into one coherent design system.

HermeticOrmus/LibreUIUX-Claude-Code

A skill your agent uses when adding, changing, or styling UI in client/admin (the Speakeasy admin dashboard) that touches shadcn/ui — a button, dialog, table, sidebar, badge, select, tabs, tooltip…

speakeasy-api/gram

A skill your agent uses to generate well-branded interfaces and assets for beava (beava.dev, an open-source single-binary feature server for stream processing), either for production or throwaway…

beava-dev/beava

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

LucasBassetti/godui

MUI Base UI unstyled React components with Floating UI. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

Bold aesthetic direction guidance for web design. An agent skill from Automattic/wordpress-agent-skills.

Automattic/wordpress-agent-skills

Derive a project's visual rules from its existing tokens, palette, type scale, logo, and icons (Intake), then generate raw SVG vector graphics from those rules as a small composable set (module…

scott-fryxell/brayness

Create new web components in the Helvetia Design System. An agent skill from baloise/design-system.

baloise/design-system

Design system UI patterns for Supabase Studio. An agent skill from supabase/supabase.

supabase/supabase

Writes a reusable house style for open-sheet workbooks as a themes Markdown file, with an optional demo workbook, so every spreadsheet follows the same brand look.

lianghsun/open-sheet

Create reusable templ UI components with props, children, and composition patterns.

Xe/site

Write release notes, a migration guide and a team announcement for a design system change that is already decided, scaled to its impact.

murphytrueman/design-system-ops

Takes existing content markdown files and builds production-final resource center pages on client websites using their existing tech stack and design system.

onvoyage-ai/gtm-engineer-skills

The entry point for Intent, a UX and design strategy system.

ghaida/intent

RikkaUI design system conventions. An agent skill from rainxchzed/RikkaUi.

rainxchzed/RikkaUi

UI Component Development Guide for Kaiden. An agent skill from openkaiden/kaiden.

openkaiden/kaiden

Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames.

IgniteUI/igniteui-angular

Review a BEEQ StencilJS component against design system guidelines and project standards.

Endava/BEEQ

Generic frontend development patterns for VeChain dApps — React Query, Turborepo architecture, state management, Chakra UI, i18n, loading states, and transaction UX.

vechain/x-app-template