Agent skills

Pre-sprint diagnostic that determines whether a team should run a Design Sprint now, postpone it, or do prerequisite work first.

Day 2 (Tuesday) move of a Design Sprint that structures lightning demos and the four-step independent solution sketch protocol (Notes…

Guidelines on using Design System styles and components.

Build or update a professional-grade design system in Figma from a codebase.

Extract a complete design system from an existing website or screenshot into a DESIGN.md file.

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.

Use this skill when creating or evolving design systems for applications.

Structures a Flutter design system as tokens→theme→modifiers→shapes with two-tier tokens (primitives named by measured value, semantic…

Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary…

Bold aesthetic direction guidance for web design.

Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP.

View, add, or modify design tokens in the StyleSeed design system

Transform design tokens across multiple formats and platforms.

Use when the user asks for design tokens, DTCG tokens, theme systems, color/typography/spacing/radius/elevation/motion tokens, translating…

Run an autonomous, codebase-grounded, evidence-gated adversarial review of a plan, PRD, technical design, ADR, API contract, migration…

Generates distinct, substantive UI/UX design variations across layout, hierarchy, and interaction models for side-by-side comparison.

Design Viv systems from a premise. Use when the user wants to plan out a storyworld, entity schema, action families, adapter architecture…

Generate a premium mockup website for a prospect using the buildinamsterdam.com template style.

Design, critique, or refine product interfaces as coherent systems.

Interactive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation.

Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project…