Browse catalog

Agent Skills

Brok ships a brok-ui skill that teaches your AI coding agent (Claude Code, Cursor) how to discover, install and compose Brok components in your app — discovery via the registry, install with php artisan ui:add, and composition with design tokens.

Scaffold it (recommended)

Run the installer command — it writes the skill into your project for Claude Code and Cursor:

terminal

php artisan ui:skill

This creates .claude/skills/brok-ui/SKILL.md, .cursor/rules/brok-ui.mdc, and a root AGENTS.md (only if you don't already have one). Re-run with --force to overwrite.

Or copy it manually

Copy the skill below into .claude/skills/brok-ui/SKILL.md.

Note

Pairs with the MCP server: when brok-mcp is configured the skill routes discovery through its tools; otherwise it falls back to ui:status and the docs.

Note

This is the consumer skill for apps that use Brok. Contributing to the Brok registry itself uses a separate internal skill and is out of scope here.