Agent skills for Claude Desktop

Produces a structured design specification (DESIGN.md + structural layout + Decision Trace) before any visual artifact is built — the…

Write a project brief — problem space, constraints, audience, and success criteria.

Build a complete design system from scratch with creative risks and realistic product mockups.

Extract design DNA from app screenshots, live URLs, or screen recordings using Google Stitch — color palettes, typography, spacing tokens…

Facilitate a structured team critique — framing, feedback rules, and actionable outcomes.

Validate, query, resolve, diff, and author spec-conformant design tokens and components using the design-data MCP tools against a local…

Inventory and prioritise accumulated design inconsistencies across a product.

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects…

Produce a design, planning, analysis, or architecture-decision document through a structured interview.

Use when the user asks to create a design doc, design document, specification, or technical spec (create workflow →…

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make…

Use when you need design-first, spec-driven, skimmable prompts for UI generation.

Design Failure Mode and Effects Analysis (DFMEA) skill for systematic design risk identification

Design, implement, tune, or test Three.js action-game encounters.

Modern UI design principles and guidelines for building clean, professional interfaces.

Transform feature briefs into structured design briefs that give designers the context they need before opening Figma.

Use when making design decisions, implementing HIG patterns, Liquid Glass, SF Symbols, typography, or structuring app entry points and…

Communicate design's contribution to business and user outcomes in stakeholder language.

Scaffolds React components from a Claude Design handoff bundle and stops at files on disk: no stories, no tests, no pull request.

Research and translate professional visual references into original, production-ready directions for posters, social graphics…

Design system bootstrapping and token generation.