🎯

awesome-claude-design

🎯Skill

from aradotso/design-skills

What it does

Provides 68 ready-to-use DESIGN.md files extracted from real brands (Claude, Vercel, Stripe, Linear) that Claude Design expands into full UI scaffolds with design tokens, components, and working UI kits.

📦

Same repository

aradotso/design-skills(98 items)

awesome-claude-design

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add aradotso/design-skills --skill awesome-claude-design

skills.sh Install⚠ Installs to .agents/skills/

npx skills add aradotso/design-skills --skill awesome-claude-design

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/awesome-claude-design/SKILL.md

SKILL.md

179Installs

AddedMay 17, 2026

View on GitHub Back to Skills

More from this repository10

🎯

open-design-ai-prototyping🎯Skill

A local-first, open-source design tool skill that transforms coding agents into design engines, providing 31 composable skills, 129 brand-grade design systems, and a sandboxed preview environment with HTML/PDF/PPTX/MP4 export capabilities.

🎯

open-codesign-ai-design🎯Skill

A skill for using Open CoDesign, an open-source local-first desktop app that transforms prompts into polished prototypes, slide decks, and PDFs with multi-model support (Claude, GPT, Gemini, Ollama) and export to HTML, PDF, PPTX, and more.

🎯

design-md-format🎯Skill

Creates and validates DESIGN.md files that give AI coding agents a structured understanding of design systems through machine-readable tokens and human-readable rationale.

🎯

claude-design-system-hooks🎯Skill

AI-powered design-to-code engine that generates production-ready UI components from natural language descriptions, supporting multi-framework output (React, Vue, Angular), design token extraction, and WCAG 2.2 compliance.

🎯

claude-design-ui-framework🎯Skill

A UI/UX framework for building Claude-powered applications with React components, Tailwind CSS utilities, screenshot-to-React conversion, Figma integration, and Artifacts-style rendering for AI-generated content.

🎯

keychron-hardware-design🎯Skill

Auto-generated agent skill based on the Keychron/Keychron-Keyboards-Hardware-Design project, part of a bot-curated collection that tracks trending design and UI repositories on GitHub and converts them into installable SKILL.md files.

🎯

design-md-chrome-extractor🎯Skill

Part of ara.so's auto-generated design skills collection, which scans GitHub every 30 minutes for trending design and UI open source projects and creates installable skills.

🎯

diagram-design-editorial🎯Skill

Part of ara.so's auto-generated design skills collection, which scans GitHub every 30 minutes for trending design and UI open source projects and creates installable skills.

🎯

nothing-design-ui-skill🎯Skill

Part of ara.so's auto-generated design skills collection, which scans GitHub every 30 minutes for trending design and UI open source projects and creates installable skills.

🎯

nothing-design-system-skill🎯Skill

Part of ara.so's auto-generated design skills collection, which scans GitHub every 30 minutes for trending design and UI open source projects and creates installable skills.