Agent Skills
Enable AI assistants to build UIs with DarkCode UI components
DarkCode UI Skills give your AI assistant comprehensive knowledge of DarkCode UI components, patterns, and best practices.

Installation
curl -fsSL https://ui.darkcode.dev/install | bash -s darkcode-ui-reactOr using the skills package:
npx skills add DarkCode-Developers/darkcode-uiSupport Claude Code, Cursor, OpenCode and more.
Usage
Skills are automatically discovered by your AI assistant, or call it directly using /darkcode-ui-react command.
Simply ask your AI assistant to:
- Build components using DarkCode UI
- Create pages with DarkCode UI components
- Customize themes and styles
- Access component documentation
For more complex use cases, use the MCP Server which provides real-time access to component documentation and source code.
What's Included
- DarkCode UI installation guide
- All DarkCode UI components with props, examples, and usage patterns
- Theming and styling guidelines
- Design principles and composition patterns
Structure
skills/darkcode-ui-react/
├── SKILL.md # Main skill documentation
├── LICENSE.txt # Apache License 2.0
└── scripts/ # Utility scripts
├── list_components.mjs
├── get_component_docs.mjs
├── get_source.mjs
├── get_styles.mjs
├── get_theme.mjs
└── get_docs.mjsRelated Documentation
- Agent Skills Specification - Learn about the Agent Skills format
- Claude Agent Skills - Claude's Skills documentation
- Cursor Skills - Using Skills in Cursor
- OpenCode Skills - Using Skills in OpenCode
