Skills

What are Skills?

Skills are instruction files that give your AI assistant project-specific context and workflows. Radian UI provides a set of specialized skills to help you build faster with AI agents, offering detailed guides and references for Radian UI's components, design tokens, and theming system.

Learn more about them here.

Why use Skills?

Without Skills, your AI agent has no context about your project and it will often build things from scratch instead of reaching for what's already available.

Skills also teach your AI agents to follow best conventions and practices for the project, so the code they generate stays consistent with how Radian UI is meant to be used.

How to use them

Using skills is straightforward. Install them by following the installation section below, then start prompting your AI agent as usual. It will automatically read the skill instructions and follow them.

For example, you can ask your AI assistant to:

• "Build a sign-in form with email, password, and social login"
• "Create a profile settings page with form inputs, switch toggles, and an avatar upload."
• "Build an admin dashboard with a collapsible sidebar, stats cards, and a data table."
• "Add a multi-step onboarding flow using the Stepper and Dialog components."

Installation

pnpmnpmyarnbun
pnpm dlx skills add Radian-OS/radianui

Use this command to install the Radian skill into your project. Once installed, you can start building things with your AI assistant.

Radian Skill

The core Radian skill serves as a comprehensive guide and reference for Radian UI. It gives your AI assistant detailed knowledge about:

• CLI commands: Proper guide of using the CLI tool commands.
• Configuration: Understanding and configuring the components.json file.
• Components & Blocks: Context on the Radian UI components and blocks.
• Design System: OKLCH design tokens and the theme system.
• Styling Setup: utility.css and globals.css configurations of your project.