Design
Design Web Pages That Look Consistent and Are Easy for Everyone to Use
Use when designing or reviewing a website's screens. It sets what stands out first, spacing, text sizes, colors, shared buttons and parts, and click feedback, then checks accessibility and loading speed against clear numbers before release.
Build and Update a UI Component Library That Follows the Design Rules
Use when an AI adds or changes components in a typed UI library. It reads the right specs first, uses shared design values, tests keyboard use and accessibility, keeps docs and demos in sync, and runs the full checks.
Test a Design Idea with Users in a Short Sprint Before a Big Decision (Design Sprint)
Use when a big decision is stuck on doubts about an experience, service, or message. It sets questions and one decider, has people sketch ideas alone, builds a realistic prototype, tests it with users one by one, and picks the next step.
Pick a Template That Fits the Mood and Build an HTML Slide Deck
Use it when you need slides built from a content outline. It asks about the occasion and mood, shows three title-slide previews with your real content, then fills the chosen template without changing its look and checks every file in a browser.
Build a Design Tool for AI Agents and Keep Its Commands and Checks Tidy
Use when building or updating a design tool for AI agents. It reads the project settings, asks if the design is for a brand or an app, ties each command to one source, keeps color and writing rules, keeps releases apart from everyday work, and writes tests first for new checks.
Change a UI Component Library and Check That Nothing Breaks
Use when an AI changes reusable UI components kept in one repository (monorepo). It follows the repo's commands and package rules, writes errors that say how to fix them, tests like a real user, checks accessibility and screenshots, and regenerates the API docs.
Design Apps and Websites That People with Disabilities Can Use (Accessibility)
Use when designing an app or site. It finds where tasks break for sight, hearing, movement, or understanding, covers contrast, assistive tools, captions, keyboard use, and flashing, and tests before release.
Keep One Code Repository in Order for a Product With an App and a Command Line
Use when an AI works in the code repository of a product used through an app and a command line. It follows the rule files in order, keeps each area's code in place, adds every new feature to both, checks changes with the lightest test that works, and checks each version before release.
Write Design System Documentation That Stays Up to Date
Use when your team needs written docs for its design system. It sets what to cover, splits the work into pages by priority, explains each component by answering what, why, when, and how, and checks that docs, design, and code match before release.
Build a Design System That AI Can Use and Test the Components AI Makes
For building or changing a design system that AI uses to make screens. It reads the current branch's docs first, uses only CSS the styling tool really supports, keeps the docs in sync, and tests whether AI builds components correctly.
Create Brand Rules That Keep Your Brand Recognizable Everywhere
Use when building or updating a brand's look and voice. It starts from the brand's purpose and values, sets rules for logo, color, fonts, and layout with readable contrast, keeps approved files in one place for teams, and checks and improves the rules over time.
Plan Design Research with Users of Different Abilities and Languages
Use before talking with users to shape a design. It links goals to decisions, picks methods and roles, recruits people of different abilities and languages, protects and pays them, and keeps notes private.
Map Your Customers' Journey From First Contact to Renewal and Rank the Fixes
Use when customers drop off early or one group is less satisfied. It asks your business, which customers to map, and how far to map, then shows what customers think and feel at each stage, where they get stuck, and ranked fixes with owners.