ui-design-system
๐ฏSkillfrom davila7/claude-code-templates
|A large collection of Claude Code skill templates sponsored by Z.AI, providing ready-to-use development skill configurations across various domains.
Overview
The UI Design System skill is part of Claude Code Templates, a comprehensive collection of ready-to-use configurations for Claude Code including 100+ AI agents, custom commands, settings, hooks, external integrations (MCPs), and project templates. It provides expertise in building and maintaining design systems to ensure consistent UI patterns across applications.
Key Features
- Interactive Web Interface - Browse and install design system components through the interactive web interface at aitmpl.com
- NPM CLI Installation - Install templates directly using
npx claude-code-templates@latestwith targeted component selection - 100+ Components Available - Part of a comprehensive collection spanning agents, commands, settings, hooks, and MCP integrations
- Project Template Support - Includes design system project scaffolding templates for various frameworks and architectures
- Partnership Integrations - Supports integrations with services like Z.AI's GLM Coding Plan for enhanced design system development
Who is this for?
This skill is for frontend developers and design engineers who build and maintain design systems and want Claude Code to provide expert guidance on UI component architecture, theming, and consistency patterns. It is also useful for teams starting new design system projects who can benefit from pre-configured templates and best practices.
Same repository
davila7/claude-code-templates(689 items)
Installation
npx vibeindex add davila7/claude-code-templates --skill ui-design-systemnpx skills add davila7/claude-code-templates --skill ui-design-system~/.claude/skills/ui-design-system/SKILL.mdSKILL.md
More from this repository10
Ready-to-use Claude Code templates organized by workflow
Automated documentation generation with API docs, technical writing, and content management
AI and Machine Learning development suite with data engineering and model deployment tools
DevOps automation suite with CI/CD, infrastructure management, and deployment orchestration
Project management toolkit with sprint planning, task automation, and team collaboration tools
A Claude Code template for building production-grade Next.js applications with Vercel deployment, providing best-practice project structure, configuration, and workflow patterns.
A Claude Code template for building applications with Supabase, providing pre-configured patterns for authentication, database operations, and real-time features.
Enterprise security toolkit with auditing, penetration testing, and compliance automation
A Claude Code template for comprehensive testing workflows, providing pre-configured patterns for unit testing, integration testing, and end-to-end testing.
Git workflow automation: feature, release, and hotfix commands with git specialists