27.7k

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.

DarkCode UI MCP Server

Installation

curl -fsSL https://ui.darkcode.dev/install | bash -s darkcode-ui-react

Or using the skills package:

npx skills add DarkCode-Developers/darkcode-ui

Support 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.mjs

On this page