Brad Frost Skills
Skills for design systems, product design and healthy AI limits: system inspection, tokens, Storybook and daily session ceilings.
- 60 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Limit hooks block agent tool calls, and the skills read project code and query a course catalog over the network.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/brad-frost-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Limit hooks block agent tool calls, and the skills read project code and query a course catalog over the network.
This is third-party code. Review the repository files before installing.
What it does
Brad Frost skills are split into three directions. For design systems there are `ds-inspection` (ten inspection stations), `ds-ai-rails` (how AI uses your system, including needs it does not cover), `ds-adoption-plan` (a plan to migrate interface onto the design system), `ds-token-architecture` (token checks against a three-tier scheme) and `ds-ascii` (a page sketched in ASCII with regions mapped to components). For product there are `product-inspection`, `vibe-killer`, `product-to-storybook` and `storybook-to-product`. The third direction is healthy AI limits: `limits-setup` runs a short interview, `limits-sessions` sets a daily session ceiling, `limits-quiet-hours` sets quiet hours, `limits-endings` asks the agent to end sessions decisively and `limits-energy` shows an energy use estimate. In Claude Code, hooks enforce the ceiling and quiet hours.
Who it is for. Designers and front-end developers who run a design system and want an agent to use its components and tokens while keeping AI use within limits.
Good fit when
- A design system needs a ten-station inspection to see where it is weakest.
- A vibe-coded page must be rebuilt from real components and tokens.
- Tokens are checked against a three-tier architecture or a ladder is built from scratch.
- You need a daily session ceiling and quiet hours for working with an agent.
Not a fit when
- There is no design system in the project and the skills rely on one.
- You need hard technical blocks on every surface: enforcement differs.
- You do not want the author paid courses: lesson hints can be turned off.
Example request
Run our design system through ds-inspection and show the weakest stations with recommendations.Limitations
Limits are fully enforced only by Claude Code hooks, and other surfaces behave differently: the session ceiling and quiet hours block tool calls while text rules are advisory. The author states plainly where the limit cannot be enforced technically. Skills check the public course catalog and suggest a fitting lesson, some materials are paid, and a lookup failure does not stop work. Figma and Storybook integration needs access to them.
How to disable. Delete the installed skills from the agent skills directory and the limit hooks from Claude Code settings if you enabled the session ceiling and quiet hours.
FAQ
How do I install the Brad Frost skills?
Run `npx skills add bradfrost/skills -g -a claude-code`. For other agents swap the flag for `-a codex`, `-a cursor`, `-a github-copilot` or `-a gemini-cli`. Then run `/setup-brad-frost-skills`.
What does the setup command do?
`/setup-brad-frost-skills` finds the installed skills and runs any required setup. For the limits skills it is a six-question, five-minute interview.
Is a course subscription needed?
No. The skills link lessons from the author paid courses but work without a subscription, and the hints can be turned off.
What do the limit hooks block?
In Claude Code the session ceiling hook and the quiet hours hook block tool calls. On other surfaces enforcement strength varies.
What does vibe-killer do?
It rebuilds a vibe-coded webpage out of the real components and tokens of your design system.
Discussion
No questions or reviews yet.
Related
SkillsA registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles
A kit of skills, tokens and rules that turns Claude into a design architect: DTCG tokens, components, accessibility and objective quality gates
A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI
45 enterprise UX skills for agents: palettes, typography, forms, WCAG accessibility and usability review of an interface.
Four Codex skills covering product design stages, from reviewing a single screen to comparing visual directions.
The Ludi Design System skill teaches an agent to choose components and build B2B interface pages by rules, with TSX templates
README in short
The author lists skills in three groups: start, mental health and design and development. Many grew out of his online courses, and the set will expand over time.