108 tagged design engineering, measured the same way as everything else here.
Browse within: design-systems 101figma 62product-design 59npm-package 42
Skill Claude CodeCodex
Verify GSP pipeline integrity — agent/skill contracts, installer correctness, runtime compatibility, version sync, and template coherence. Internal development tool for GSP maintainers.
Skill Claude CodeCodex
Build design system tokens and STYLE.md (technical phase — benefits from capable models) — use when: create the design system, generate tokens, finalize brand guidelines, build the component system.
Skill Claude CodeCodex
Translate designs to code (technical phase — benefits from capable models) — use when: build this, implement, code this up, build me a X, add a X to the app, make the X page.
Skill Claude CodeCodex
Use when building, editing, or iterating on a Figma design via the Mimic AI MCP server (mimicstatus, mimicdiscoverds, figmacreateframe, figmainsertcomponent, mimicbuildtable, mimicbuildchart, etc. are available), or when the user asks to turn HTML, a prompt, or a Claude Design/Figma Make prototype into real Figma…
Skill Claude CodeCodex
Qualitative and quantitative data synthesis — affinity mapping, thematic analysis, statistical frameworks, insight triangulation, and research-to-spec pipelines.
Skill Claude CodeCodex
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
Foundational Figma canvas skill — structure, Auto Layout, variables, MCP tools, self-healing loop.
Skill Claude CodeCodex
Implement a Figma design to a measured 1:1 match by round-tripping — build from the extracted tokens, render it, screenshot it, diff it against Figma numerically, fix every discrepancy, repeat until the delta is zero across every state and both themes. Use when building, implementing, porting, or restyling any UI from…
Skill Claude CodeCodex
Pull a Figma node in the order that decides whether the build can be correct — the full node first with no clarifying questions, then locate the exact piece, then every spacing token, then colour, then type/radii/shadows/states, and the screenshot LAST. Use the moment a figma.com link is shared or someone says…
lexs32/ultimate-design-engineer
Skill Claude CodeCodex
The master design engineering skill encoding Emil Kowalski's polish philosophy, Apple's fluid interface principles, Anime.js 3D/timeline motion, Motion spring physics, Kokonut UI component aesthetics, and Backlit UI dark-mode charts. Use when designing, animating, or reviewing web UIs to achieve high-precision craft…
Skill Claude CodeCodex
A design-direction system for coding agents: a measured taste library (57 references reverse-engineered frame by frame into 12 constants and 8 style families), a plain-language interview answered with weights instead of forced picks, and a lock file every visual decision must serve. Use BEFORE designing or building…
Skill Claude CodeCodex
Use when working in any project that contains a .casebook/ directory — keeps the kanban board honest against real commits and accretes an evidence-backed case study with human-voice slots. Also use when the user mentions Casebook, their board, or their case study.