Skill Claude CodeCodex
Extract a public website's design system when a task needs evidence about its colors, typography, spacing, radii, shadows, components, or Tailwind tokens.
Practical design judgment for AI coding agents: 94 governed skills for craft, research, generation, Figma, and Memi.
This repository also configures its own agents. See what design-skills tells them →
Skill Claude CodeCodex
Extract a public website's design system when a task needs evidence about its colors, typography, spacing, radii, shadows, components, or Tailwind tokens.
Skill Codex
Connect design decisions to measurable outcomes through metric trees, behavioral instrumentation, guardrails, experiment plans, and post-launch reviews. Use when a team must determine whether a design worked rather than whether it shipped.
Skill Claude CodeCodex
Use design-sandbox as the public proof repo for memi, MCP, Agent Skills, and interface craft.
Skill Claude CodeCodex
Compare real-world design-system patterns when specifying, auditing, or naming a component and current external references would improve the decision.
Skill Claude CodeCodex
Design system architecture and governance — token taxonomy, component APIs, versioning strategy, adoption metrics, multi-brand theming, and cross-platform consistency.
Skill Claude CodeCodex
Add or review DialKit controls when a React, Solid, Svelte, or Vue interface needs live tuning of animation, layout, color, typography, or component parameters.
Skill Claude CodeCodex needs its repo
Docker-aware Mémoire operation — CI/CD headless pipelines, shared MCP server, agent worker containers, and Figma bridge port-forwarding for containerized setups.
Skill Claude CodeCodex
Apply Emil Kowalski's design-engineering guidance when polishing interface details, choosing motion, or reviewing whether a product feels responsive and intentional.
Skill Claude CodeCodex
Audit Figma file for design system consistency, accessibility, token adoption, Code Connect coverage.
Skill Claude CodeCodex
Route a Figma Code Connect request to Figma's current official workflow and documentation without reproducing upstream instructions. Use when mapping published Figma components to code implementations requires the official Figma MCP integration.
Skill Claude CodeCodex
Route creation of a new Figma Design or FigJam file to Figma's current official MCP workflow without reproducing upstream instructions. Use when an authorized Figma integration must create a new file before another workflow begins.
Skill Claude CodeCodex
Route Figma-specific component, variable, style, and library questions to Figma's current official design-system guidance without reproducing upstream material. Use as a reference when exact Figma behavior matters.
Skill Claude CodeCodex
Route generation of Figma-aware repository rules to Figma's current official MCP workflow without reproducing upstream instructions. Use when AGENTS.md, CLAUDE.md, or client rules must reflect verified Figma and codebase conventions.
Skill Claude CodeCodex
Create new Figma screens and pages using existing components, variables, and design system.
Skill Claude CodeCodex
Generate Figma component library from React/shadcn codebase with Code Connect parity.
Skill Claude CodeCodex
Route Figma-to-code implementation to Figma's current official MCP workflow while preserving repository conventions and independent verification. Use when a supplied Figma selection must become production code.
Skill Claude CodeCodex
Route a Figma library build to Figma's current official MCP workflow and this repository's portable design-system skills without reproducing upstream instructions. Use when creating tokens, components, documentation, and code mappings in Figma.
Skill Claude CodeCodex
Route exact Figma Plugin API questions to current official typings and developer documentation without redistributing upstream reference material. Use when an implementation depends on verified node, variable, component, style, or editor API behavior.
Skill Claude CodeCodex
Build interactive Figma prototypes with flows, transitions, and user journey mapping.
Skill Claude CodeCodex
Figma sync workflow patterns — bidirectional design-code sync, conflict resolution, incremental updates, multi-file orchestration.
Skill Claude CodeCodex
Foundational Figma canvas skill — structure, Auto Layout, variables, MCP tools, self-healing loop.
Skill Claude CodeCodex
Figma web capture workflow - import live webpages or DOM elements into editable Figma layers with the public html-to-design capture.js bookmarklet.
Skill Claude CodeCodex
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use…
Skill Claude CodeCodex
Flutter and Dart widget generation — transforms Mémoire component specs into Flutter widgets with Material 3, Riverpod state management, and responsive layouts.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: