by ancoleman
Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude
# Add to your Claude Code skills
git clone https://github.com/ancoleman/ai-design-componentsFull-stack development skills for AI-assisted development with Claude
A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Skills provide Claude with domain expertise, decision frameworks, and production-ready code patterns.
Full documentation: ancoleman.github.io/ai-design-components
| Resource | Description | |----------|-------------| | Getting Started | Introduction and overview | | Installation | Setup instructions | | Skills Reference | All 76 skills documented | | Skillchain Guide | Guided workflow system |
The interactive installer handles everything - skills, skillchain, and plugins:
git clone https://github.com/ancoleman/ai-design-components.git
cd ai-design-components
./install.sh
The installer provides:
# Installer commands
./install.sh # Interactive mode
./install.sh plugins list # See all available plugins
./install.sh plugins install # Install all plugins
./install.sh skillchain # Install skillchain only
If you prefer using Claude's plugin commands directly:
# Add marketplace
claude plugin marketplace add ancoleman/ai-design-components
# Install all 19 plugins (76 skills)
claude plugin install ui-foundation-skills@ai-design-components
claude plugin install ui-data-skills@ai-design-components
claude plugin install ui-input-skills@ai-design-components
claude plugin install ui-interaction-skills@ai-design-components
claude plugin install ui-structure-skills@ai-design-components
claude plugin install ui-content-skills@ai-design-components
claude plugin install ui-assembly-skills@ai-design-components
claude plugin install backend-data-skills@a...