bradfrost
14 skills with substantive source documentation and an official publisher or observed installation demand. Read each skill’s original documentation through its card.
bradfrostds-adoption-plan
Produce a design-system adoption plan for a product — tear down its bespoke UI, map every custom pattern to its design-system replacement, estimate the effort, and hand back a prioritized, phased build schedule. Use when the user wants to adopt, migrate to, or fully embrace a design system in an existing product, asks "what would it take to move this to our design system?", wants custom CSS replaced with system components, or asks for an adoption/migration plan or estimate. Companion to ds-inspe
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 19 oct.
bradfrostds-ascii
Render UI wireframes as labeled ASCII art where every region maps to a real component in YOUR design system. Use when someone asks for an ASCII prototype, a text wireframe, a monospace mockup, or wants to sketch a page layout inside a chat, PR, issue, or Slack thread without opening a design tool. Triggers include "make me an ASCII prototype of…", "wireframe this as text", "sketch a homepage for…", "mock this up in ASCII", "show me this page as ASCII". Builds a one-time profile of the design sys
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 19 oct.
bradfrostds-inspection
Run a design system multi-point inspection — assess a design system across 10 stations (coverage, best practices, accessibility, shared language, testing, orchestration, governance, feedback, machine-readable docs, agent access) and produce a red/yellow/green inspection report with a prioritized work order. Use when the user asks to inspect, assess, audit, or health-check their design system, run the inspection or a specific station, or asks "why is my design system's check engine light on?"
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 19 oct.
bradfrostds-token-architecture
Check a design token set against the Subatomic three-tier architecture (definitions → usage → components) and hand back evidence-tagged findings plus a prioritized work order, or establish a tier ladder from a production codebase that has no tokens yet. Use when the user pastes their token JSON and asks "is this right?", asks to audit, assess, review, or grade their tokens, asks whether their tokens are properly tiered or semantic, wants to know if dark mode or a second brand will be a remap or
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 19 oct.
bradfrostlimits-endings
End every AI session definitively — the task that started the session is the task that ends it, loose ends get filed rather than dangled, and every substantive response closes with a compact Signal Flags block instead of a trailing "want me to also…?" hook. Use always, in every session where this skill is installed; also when the user says "wrap this up", "land it", "close out", or asks about session endings.
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 20 oct.
bradfrostlimits-energy
Make the environmental cost of AI usage visible — floor estimates built from published per-prompt figures, rendered as lightbulb time (💡), with an optional weekly energy budget that informs but never blocks. Use when the user asks "how much energy did this session cost", "what's the environmental cost", "show the energy footer", "set an energy budget", "energy report", or enables environmental awareness in the limits-setup interview.
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 19 oct.
bradfrostlimits-quiet-hours
Honor the quiet hours the user set for themselves — the hours where AI tools are off-limits so "one more prompt" stops costing sleep. Enforced as refused tool calls where hooks exist, advisory everywhere else, with a deliberate logged override path. Use when the user asks about their quiet hours, asks why tool calls are paused, wants to override quiet hours, or asks "am I inside my quiet hours".
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 19 oct.
bradfrostlimits-sessions
Enforce the sessions-per-day ceiling the user set for themselves — count sessions honestly, refuse new ones past the limit with the same terse message every time, and make raising the limit a deliberate, logged act. Use when the user asks "how many sessions have I used", "am I at my limit", "raise my session limit", "limits report", or asks why a session was refused.
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 19 oct.
bradfrostlimits-setup
The AI limits interview — run by /setup-brad-frost-skills, or directly any time. A short guided interview that establishes your personal limits for AI usage — quiet hours, a sessions-per-day ceiling, how sessions end — then wires them into whatever your tools can actually enforce and tells you plainly where enforcement stops. Use when the user says "set my limits", "set up my AI limits", "limits setup", "help me stop using AI at 2am", when /setup-brad-frost-skills routes here, or when the limits
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 19 oct.
bradfrostproduct-inspection
Run a product multi-point inspection — assess a shipping product (app, website, or feature) as-built across 10 stations and produce a red/yellow/green inspection report with a prioritized work order. Use when the user asks to inspect, assess, audit, or health-check a product or experience, run the inspection or a specific station, or asks "why is my product's check engine light on?" Companion to ds-inspection — that one inspects the design system; this one inspects the products built with it.
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 19 oct.
bradfrostsetup-brad-frost-skills
START HERE after installing Brad Frost's skills — run this once to get everything set up. Finds which of the skills you installed, runs the setup each one needs (the limits interview), and tells you how to use the ones that need no setup. Use when the user says "setup brad frost skills", runs /setup-brad-frost-skills, has just installed this collection, or asks how to get started with these skills.
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 20 oct.
bradfroststorybook-to-product
Carry UI designed and built in your design system's Storybook into the production product, all the way to a pull request. Assesses the work region by region, sorts real copy from placeholder content, translates the story's markup and styles into the product's own templates, wires it to the product's data, scripts, forms, and links, and proves in a browser that the product matches the story. Use when the user says "ship this story", "take this Storybook page to production", "port the redesign int
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 19 oct.
bradfrostvibe-killer
Convert a vibe-coded webpage into a page built entirely from YOUR design system. Takes an AI-generated artifact, a landing page, a prototype, or any page carrying bespoke CSS, works out what each region is trying to do, and rebuilds it from real components and real tokens. Use when the user says "rebuild this with our design system", "convert this page", "make this use our components", "de-vibe this", "kill the vibes", "turn this artifact into something real", pastes an HTML file or a URL and na
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 19 oct.
bradfrostwhat-do-i-make-of-this
A thinking mirror. Hand it a thing (an article, a hot take, someone asking for your opinion, a genuinely hard question, an industry trend) and get back a compact read that makes you think harder about it, grounded in values you wrote down or told it. Use when someone says "what do I make of this", "/what-do-i-make-of-this", "help me think about this", "someone asked my opinion on this", or "what should I make of this take", or pastes something and wants to understand it rather than be told about
- installations
- 2
- GitHub Stars
- 45
- Mis à jour
- 20 oct.