Skills

BlakeUI Pro skills are static instruction files that teach your AI agent @blakeui-pro/react component patterns, v3 conventions, and the BlakeUI design system — so it writes correct code without needing to look everything up.

Skills teach your agent how to write code. The MCP server gives it live access to component docs, CSS files, and theme variables. Use both together for best results.

Available Skills

Skill	What it teaches
`blakeui-react-pro`	`@blakeui-pro/react` component patterns, MCP tool usage, v3 conventions, CSS system
`blakeui-pro-design-taste`	BlakeUI design system principles — spacing, typography, color, cards, forms, buttons, icons, navigation, accessibility

Installation

# React Pro Skill
curl -fsSL https://blakeui.pro/docs/install | BLAKEUI_PERSONAL_TOKEN=your_token bash -s -- blakeui-react-pro

# Design Taste Skill
curl -fsSL https://blakeui.pro/docs/install | BLAKEUI_PERSONAL_TOKEN=your_token bash -s -- blakeui-pro-design-taste

Replace your_token with your token from the Pro dashboard. The installer detects your tools (Claude Code, Cursor, OpenCode, Codex, Antigravity) and places the skill in the correct directory.

What's Inside

blakeui-react-pro

Two packages: @blakeui/react (base) vs @blakeui-pro/react (pro) — what comes from where
Unified MCP: one MCP covers both packages
Critical v3 rules: no Provider, compound components, Tailwind v4, onPress not onClick
All Pro component categories with names (AI, charts, forms, navigation, overlays, feedback, data display, layout)
CSS system overview and common mistakes with corrections

blakeui-pro-design-taste

78 design principles across 10 categories learned from iterative human feedback
Applies across the full BlakeUI ecosystem
Categories: spacing, typography, color, cards, forms, buttons, icons, navigation, accessibility
Design philosophy: semantic over visual, generous whitespace, subtle depth, minimalism

Supported Tools

Claude Code, Cursor, OpenCode, Codex, Antigravity (Gemini CLI). Skills follow the Agent Skills open standard.