635 tagged design-system, measured the same way as everything else here.
Browse within: design-tokens 390claude-code-plugin 194codex-cli 182frontend-development 182accessibility 138ai-tools 126agentic 120agentic-ai 110figma 104claude-code-skills 90skills 88ai-design 87cli 73nextjs 69
Skill Claude Code
Build or edit Figma designs and components using the ( ) design system. Load alongside figma-use whenever a task targets / / products — reusing the published Variables, UI Kit, and Icons libraries (semantic tokens, text styles, effect/elevation styles, components) instead of hardcoding colors, spacing, type, or…
Yashraj00700/indian-gov-ui-skills
Skill Claude CodeCodex needs its repo
Use when applying the Government of India's Digital Brand Identity Manual (DBIM) v3 to a website, portal, form, mobile app or social media asset — colours, Noto Sans typography, State Emblem logo lockups, header/footer anatomy, imagery specs, content lifecycle and the compliance checklist. Triggers include "DBIM"…
Skill Claude Code
Use when the user wants to design, redesign, build, critique, audit, polish, theme, animate, adapt, or otherwise improve a Flutter app's UI or UX. Covers full apps, screens, widgets, components, forms, onboarding, empty states, navigation, dashboards, and settings. Handles Material 3 theming, Cupertino/iOS adaptation…
XINGANLIU/design-system-generator-skill
Skill Claude Code
Generate a complete, production-ready design system from a single brand color. Outputs OKLCH color palettes, W3C Design Tokens (JSON), CSS custom properties, component styles (Button, Card, Input, Badge, Alert, Modal, etc.), and a live preview HTML page with Light/Dark theme toggle. Trigger this skill when the user…
Skill Claude CodeCodex
Build, audit, or convert websites with the U.S. Web Design System (USWDS) using the unofficial uswds-mcp server. Use when work involves USWDS components, patterns, templates, accessibility guidance, design tokens, utilities, @uswds/uswds, or federal website implementation.
almasumdev/awesome-mobile-design-system-agent-skills
Skill Claude CodeCodex
Delivering a single token set to Jetpack Compose, SwiftUI, Flutter, and React Native with type safety and no runtime cost. Use this when wiring the build output into consumer apps.
Skill Claude CodeCodex
Use PicassoWeb MCP tools to inspect rendered websites, collect precise replication evidence, and verify replicas. Apply when choosing or sequencing PicassoWeb tools; do not use it for general-purpose browser automation.
Skill Codex
Use CodeCrafted Design MCP to run a persistent, user-led front-end design workflow: resume a project, explore contrasting directions without auto-selection, compose multi-zone structures, guide component layout and presentation variant choices, preserve approved decisions, export tokens, review observed evidence and…
Skill Codex
Select and render existing project-aware IconPark SVG icons for product UI work. Use when an Agent needs an icon, should not draw SVG geometry, must follow project defaults or an explicit appearance request, needs alternatives, or the human asks to choose visually or rejects an earlier icon choice.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: