design▌
303 indexed skills · max 10 per page
radix-ui-design-system
sickn33/antigravity-awesome-skills · Frontend
Build production-ready, accessible design systems using Radix UI primitives with full customization control and zero style opinions.
figma-generate-design
figma/mcp-server-guide · Frontend
Use this skill to create or update full-page screens in Figma by reusing the published design system — components, variables, and styles — rather than drawing primitives with hardcoded values. The key insight: the Figma file likely has a published design system with components, color/spacing variables, and text/effect styles that correspond to the codebase's UI components and tokens. Find and use those instead of drawing boxes with hex colors.
ui-design-patterns
manutej/luxor-claude-marketplace · Frontend
$22
web-design-guidelines
davila7/claude-code-templates · Frontend
Audit UI code against Web Interface Guidelines with automated compliance checking. \n \n Fetches the latest guidelines from a remote source before each review, ensuring rules stay current \n Accepts file paths or patterns as input; prompts for clarification if none provided \n Outputs findings in a concise file:line format for quick issue identification \n Triggered by user requests like \"review my UI,\" \"check accessibility,\" \"audit design,\" or \"review against best practices\" \n
design-system
anthropics/knowledge-work-plugins · Frontend
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.
android-design-guidelines
ehmo/platform-design-skills · Frontend
$23
tailwind-design-system
sickn33/antigravity-awesome-skills · Frontend
$22
web-design-guidelines
sickn33/antigravity-awesome-skills · Frontend
Audit UI code against Web Interface Guidelines with automated compliance checking. \n \n Fetches the latest guidelines from a remote source before each review, ensuring rules stay current \n Accepts file paths or patterns to review, or prompts the user if none are specified \n Outputs findings in a concise file:line format for quick issue identification \n Covers all rules defined in the fetched guidelines, including design, accessibility, and UX patterns \n
design-handoff
anthropics/knowledge-work-plugins · Frontend
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.
web-design-guidelines
ehmo/platform-design-skills · Frontend
Framework-agnostic rules for accessible, performant, responsive web interfaces aligned with WCAG 2.2 and modern web standards. \n \n Comprehensive accessibility guidance covering semantic HTML, ARIA, keyboard navigation, focus management, color contrast, forms, and error handling with specific WCAG success criteria mappings \n Mobile-first responsive design using modern CSS (clamp, container queries, logical properties) and touch-friendly targets; no horizontal scrolling at 320px width \n Perfor