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…
Skill Claude CodeCodex
Run this BEFORE pushing any branch or opening any PR in an app that has an in-app "what's new" modal — invoked as a step of pre-push-review right after updating-the-changelog, or directly when the user says "announce this", "add a feature modal", "show users what's new", or ships a new page or workflow people would…
Skill Claude CodeCodex
Run this to turn a feature idea or brief into a house-style PRD BEFORE any branch is opened — whenever the user says "write a PRD", "help me write a PRD", "create a PRD for", "draft the requirements for", "spec this feature", "document this feature", "turn this brief into a PRD", or "publish this to the tracker". Also…
Skill Claude CodeCodex
The workflow for building, rebuilding, or restyling any design-system component (Button, Dialog, Select, Table, Tabs, Tooltip, and so on). Trigger whenever the user says "let's do the dialog", "restyle X", "bring in / pull in a component", "build the select", "rebuild this atom", or starts work on an item from the…
Skill Claude CodeCodex
The workflow for adding or changing any design token: colours, radii, spacing, type, shadows, opacity. Trigger when the user wants to add a token, change a token value, says "the component needs a token that doesn't exist yet", updates the palette or scales, asks to regenerate tokens, reviews a token PR, or has…
Skill Claude CodeCodex
Run this BEFORE pushing any branch that changes what a user can see or do in the product — as a step of pre-push-review, or directly when the user says "does this need docs?", "update the help section", "check the docs", or ships a feature, a new metric, a new widget, a renamed field or a changed calculation. It maps…
Skill Claude CodeCodex
Run this AFTER a design-system PR merges, whenever the user says "it's merged", "I merged it", "did it land?", "make sure it reaches the app", or you have just watched a PR touching published components, tokens or icons go green and merge. A merge is NOT delivery: the change must be declared (changeset), published to…
Skill Claude CodeCodex
Run this BEFORE pushing any branch that changes UI in a Tailwind app — as a step of pre-push-review, or directly when the user says "is this responsive?", "check mobile", "does this work on a phone?", or ships a new page, panel, dialog, table, toolbar or layout. It scans the diff's added markup for the patterns that…
Skill Claude CodeCodex
Run this BEFORE every git push or opening a PR — whenever the user says "push this", "open a PR", "ready to ship", "let's get this reviewed", or you are about to push a branch. It self-reviews the diff against docs/standards/STANDARDS.md, runs the local gates including unit and integration tests, and makes the PR body…
Skill Claude CodeCodex
Run this BEFORE creating a branch or starting any new unit of work that will become a PR — whenever the user says "let's start X", "new branch", "let's build the Y page", "let's do the Z component", "fix this bug", or otherwise kicks off a change. It names the branch / at creation time, branches off a fresh base…
Skill Claude CodeCodex
Run this while building any change that adds or alters behaviour, and again as a step of pre-push-review — whenever the user says "add tests", "is this tested?", "write a test for this", "run the tests", "run the integration tests", "e2e", "why is CI red on test", or fixes a bug, adds a calculation, a data mapping, a…
Skill Claude CodeCodex
Run this BEFORE pushing any branch or opening any PR in a product with a customer-facing changelog — invoked as a step of pre-push-review, or directly whenever the user says "update the changelog", "add this to the changelog", "what's new", or ships a feature, integration, metric, setting or customer-visible fix. It…
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: