Skip to content
DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.6K
Sign inGet All-Access
Overview
  • Introduction
  • Get Started
  • License Setup
  • Styling
  • Registry
  • MCP Server
  • Embed
  • Agent Skills
  • llms.txt
  • RTL
  • Changelog
  • YouTube
MCP Server
  • Claude
  • CodexCodexCodex
  • Cursor
  • Grok
  • Conductor
  • v0
  • Lovable
  • Replit
  • Bolt
  • OpenCode
  • VS Code
  • GitHub Copilot
  • Kilo Code
  • Zed
  • Antigravity
  • WSWindsurf
  • CLCline
  • Gemini CLI
  • AMAmp
  • JBJetBrains Junie
Components
  • Alert
  • Autocomplete
  • Badge
  • Cascader
  • Code Block
  • Data Grid
  • Date Selector
  • Event Calendar
  • File Upload
  • Filters
  • Frame
  • Gantt
  • Icon Stack
  • Icon Tile
  • Kanban
  • Number Field
  • Phone Input
  • Rating
  • Scrollspy
  • Sortable
  • Stepper
  • Timeline
  • Tree

Agent Skills

PreviousNext

The ReUI Agent Skill teaches your coding agent how to use the ReUI registry well - it pairs with the MCP server so your agent builds with ReUI instead of guessing.

The ReUI Agent Skill is a small set of markdown files that teaches your coding agent how to build with ReUI: how to find the right item, install it, read its real API, and adapt it by reuse. It pairs with the ReUI MCP server - together they turn "make me a dashboard" into real ReUI blocks wired to your data.

The skill is free and works with every supported agent. Each per-agent guide sets it up for you; this page explains what it does.

Skill and MCP are a team

They do different jobs, and they are best together:

  • The MCP server is the live data and the hands. It answers search, returns the real component APIs (get_component), validates prop usage (validate_usage), and hands back the exact shadcn install command - all against the current registry, scored and ranked.
  • The skill is the workflow brain. It tells the agent when to reach for ReUI, which tool to call next, and how to adapt what it installs (reuse the block, wire real data, keep the design, never invent props).

Without the skill an agent can still call the tools, but it tends to over-customize, hand-roll what ReUI already ships, or invent APIs. The skill keeps it on rails.

The workflow it teaches

Find

Call search with the user's intent. It returns ranked matches across components, examples, blocks, and icons, each with an install command, preview, a thumbnail image on blocks and examples, docs link, and the components it uses.

Install

Run the returned shadcn command non-interactively. The CLI resolves dependencies and your base style from components.json.

Read the API

Call get_component for each component the item uses and read its inline API (no guessing), then get_examples to copy a real, working composition.

Adapt by reuse

Swap demo data for real data, fix icon imports, and align to your theme tokens. Keep the block's structure and styling - do not redesign what ReUI already provides. validate_usage flags any prop or name the agent invented before it ships.

Commands

Run ReUI as explicit slash commands (via the ReUI MCP) or just ask in plain language - both run the same workflow.

CommandInvokeDoes
build/mcp__reui__build <what>Compose a page/section/feature from ReUI: plan → install → read API → adapt → craft → audit.
add/mcp__reui__add <item>Find & install one component/example/block/icon and wire it in.
fix/mcp__reui__fix [target]Diagnose & fix ReUI usage: wrong/undocumented props, base/radix mismatch, missing states, a11y/scroll.
improve/mcp__reui__improve [target]Refine + extend existing ReUI UI to a production-exceptional bar (hierarchy, density, states, responsive, motion).

Invocation differs slightly per agent (/mcp__reui__build in Claude Code/Cursor/Windsurf, /mcp.reui.build in VS Code). No command surface? Just describe what you want - this skill drives the identical loop.

When to reach for ReUI vs plain shadcn

The skill also teaches the agent when to leave ReUI alone. This is the decision table it follows:

NeedReach for
A full page or section (dashboard, billing, auth, pricing, settings)compose_page first (it plans the sections, then fills each one with the best Pro block, or with free c-* examples on a free account)
A data table with sorting/filtering/pagination/virtualizationthe data-grid component (never hand-roll a <table>)
A drag-and-drop boardthe kanban component
Advanced column filtering, date range, tree, stepper, ...the matching ReUI component
A single generic control already in shadcn (Button, Dialog, Select)plain shadcn

A weakMatch on a search result is the signal to stop: the registry does not carry what was asked for, so compose the screen from components instead of forcing the top hit.

Set it up in your agent

The skill reaches every agent the right way - local CLIs and editors like Claude Code, Codex, Cursor, and OpenCode get it written into your project by a one-line installer, and every other agent receives it at runtime through the MCP, with nothing to install. Any MCP client can also pull it on demand with the get_agent_skill tool.

Pick your agent to jump to its skill setup:

ClaudeCodexCodexCodexCursorGrok CLIConductorv0LovableReplitBoltOpenCodeVS CodeGitHub CopilotKilo CodeZedAntigravityWSWindsurfCLClineGemini CLIAMAmpJBJetBrains Junie
Free, and better with a license

The skill and the MCP are free and only need a ReUI account. A Pro or Ultimate license unlocks premium blocks and animated icons and removes the daily request limit, so the workflow above can install and adapt the paid parts of the registry too.

MCP Serverllms.txt

On This Page

Skill and MCP are a teamThe workflow it teachesCommandsWhen to reach for ReUI vs plain shadcnSet it up in your agent

Application

  • App ShellAdded 10 new app shell blocks
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • Files
  • Inventory
  • Users

AI & Agents

  • AI Chat
  • Agent Activity

Templates

  • E-commerce
  • SaaS
  • Dashboard
  • Landing
  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist
  • Shop Hero

Data Grid

  • BaseAdded a rate card Data Grid block with a price breakdown dialog
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • CompareNew Compare category with 3 versus section blocks
  • Contact
  • CTAAdded 11 new CTA blocks
  • FAQ
  • Hero
  • How It WorksNew How It Works category with 5 numbered step blocks
  • PricingNew Pricing category with a 4-tier pricing table block

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Tailwind Plus Alternative
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

3.6K