AI Agent Skills

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.

Convert any website to editable Figma designs

Figma to React Converter

Convert a Theme UI config to Figma Styles

Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redes…

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition ps…

Run a structured 5-day process to prototype, test, and validate product ideas with real users. Use when the user mentions "design sprint", "validate before we build", "r…

Build lean, opinionated products using the 37signals philosophy from "Getting Real", "Rework", and "Shape Up". Use when the user mentions "Getting Real", "Rework", "Shap…

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Helps your project comply with accessibility standards and best practices.

Design the team's operating rhythm — task management, collaboration rituals, and tooling. Use when the day-to-day cadence needs structure. For a time-boxed sprint, use `…

Define version control for design files, components, and libraries — branching, naming, and release. Use when file history is chaotic. For design system contribution rul…