design ops skills

Lrinvl1203/world-class-web-design-os

Skill Claude CodeCodex

Use to audit a generated or heavily templated interface for generic AI aesthetics, unjustified trend patterns, component-registry residue, vague copy, repetitive motion, novelty theater, or visual decisions that lack brand/UX rationale.

Lrinvl1203/world-class-web-design-os

Skill Claude CodeCodex

Use when screenshots, websites, moodboards, competitors, or visual examples are provided and the task needs design DNA extraction, comparison, remixing, or translation into an original design direction.

Lrinvl1203/world-class-web-design-os

Skill Claude CodeCodex

Use for end-to-end website or interface design, redesign, implementation, or major visual polish; orchestrates discovery, references, art direction, systems, build, critique, QA, and release gates.

byjunyoung/claude-product-skills

Skill Claude CodeCodex

Generates and re-syncs flow arrows and their labels on a Figma design page. Reproduces in code what Autoflow-style plugins do — edge-midpoint anchors, right-angle elbows, branch trunks, element anchors, line styles that carry meaning. Flow information is stored in the node name (source --> target), so the whole page…

byjunyoung/claude-product-skills

Skill Claude CodeCodex

Turns a document, a dataset, or a spoken brief into a Figma Slides deck. Reads the source, agrees an outline before writing anything, then builds slides from the team template's archetypes and audits overlap and wording before handing back. Research reports, plans, retrospectives, proposals — it does not care which.…

byjunyoung/claude-product-skills

Skill Claude CodeCodex

Compares AS-IS and TO-BE designs, marks the changed elements with native Figma Dev Mode annotations, and writes up the linked task doc with a Figma link, an AS-IS/TO-BE table, and a scope callout. The tracker comes from the tasktracker section of figma-conventions.yaml and can be notion, github, or none; with none it…