Pre-ship design QA gate - contrast, touch targets, keyboard paths, breakpoints for any screen before it merges
Curated list of AI tools, standards, patterns, and research for product design teams - every link checked
Digital product design and AI-engineering studio. Our open-source Claude Code skills for design teams live here.
Extract a 5-bullet design brief from messy project inputs, with a gap report. A Claude Code skill.
ASCII wireframes: sketch 3 layout hypotheses before Figma or HTML. A Claude Code skill for design teams.
Turn a mockup into a dev-ready handoff spec: tokens, component states, accessibility notes, open questions
WCAG 2.2 accessibility audit skill for Claude Code - severity-ranked findings with success-criterion citations
Extract design tokens - colors, type, spacing, shadows - from a URL, screenshot, or CSS into CSS variables and JSON.
Pixel-faithful HTML mockups from a reference screenshot - census first, then render
Find design token drift in a codebase: raw hex colors, off-scale spacing, near-duplicate values
Claude Code skill: scored UX critique with Before/After/Why fixes and Nielsen/WCAG citations
Claude Code skill: interface microcopy rules plus an AI-tell strip pass for buttons and errors
Add a description, image, and links to the design-teams topic page so that developers can more easily learn about it.
To associate your repository with the design-teams topic, visit your repo's landing page and select "manage topics."