7 tagged pencil, measured the same way as everything else here.
Browse within: design-system 7engineering-workflow 6lifecycle 6
Skill Claude CodeCodex
Generates production design variants in Pencil WITHIN A LOCKED DESIGN DIRECTION (post-direction-lock work — for direction discovery use /design-explore). Critiques variants against the project spec + embedded aesthetic frameworks, presents structured trade-off reports, supports critique-only mode (evaluate existing…
Skill Claude CodeCodex
Bootstrap the doc structure, design scaffolds, and CLAUDE.md a project needs before /design-explore, /design-agent, /code-agent, or /visual-qa can run — those companion skills hard-block on the artifacts created here. Use whenever the user starts a new project, says "set up specs / scaffold docs / create project…
Skill Claude CodeCodex
Automated visual QA for a running frontend — screenshots the real rendered UI at the project's breakpoints and checks it against the project's own spec (tokens, layout rules, design language) AND its sibling screens, not hardcoded assumptions. Standalone on any frontend project; learns the project profile from docs/…