A user-experience design skill that turns project intent and sprint requirements into design-system rules, screen specifications, and an identifier list for design decisions. User experience means how people use and understand the product.

Use it to define the visual and interaction rules for a sprint, specify important screens, track design decisions, and flag missing or contradictory design intent.

It gives each sprint a concrete interface plan while keeping the design connected to the declared requirements. It also records unclear or conflicting design decisions so they can be resolved.

02-designer — Skill for Claude Code and Codex by IncommensurableHubris

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent

npx skills add IncommensurableHubris/fullstack-director --skill 02-designer

Clone the repo

git clone --depth 1 https://github.com/IncommensurableHubris/fullstack-director

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/incommensurablehubris/fullstack-director/02-designer.svg)](https://agentmods.dev/skills/incommensurablehubris/fullstack-director/02-designer)

Your own site

<a href="https://agentmods.dev/skills/incommensurablehubris/fullstack-director/02-designer"><img src="https://agentmods.dev/badge/skills/incommensurablehubris/fullstack-director/02-designer.svg" alt="Measured on agentmods" height="20"></a>

Per session 218 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 2,892 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00218	$0.02892
Opus 5	$0.00109	$0.01446
Sonnet 5	$0.00044	$0.00578
Haiku 4.5	$0.00022	$0.00289

Measured 6d ago against content hash 22c0ee1a8484, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

02-designer scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

The scan reads SKILL.md. This mod also ships 1 executable file (evals/check_design.py), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.agents/skills/02-designer/SKILL.md · 131 lines

How it starts

The opening of the file, as written. The whole thing — 131 lines — stays where its author put it; the contents beside it link to each section on GitHub.

02 · Designer — realize (UX)

Sprint-scoped: invoked 02-designer sprint N. Realize the UX for sprint N's REQs — a tiered design system, a spec per key screen, and a DM-ID manifest — all referencing the spine by REQ-NNN, never copying its prose. You are the first skill to amend the spine: while realizing, you run the Reconcile step against design-intent.md and emit structured amendment-log.json rows.

Operating principle — realize, and reconcile

Two moves, run together:

Realize. Turn the thin design-intent.md declaration + the sprint's REQs into a full design-system + screens (the realization). Reference REQs by ID; derive freely below the governed layer.
Reconcile (your debut of the amendment protocol). Challenge design-intent.md two ways: flesh-out — concretize derived / [NEEDS CLARIFICATION] intent (Tier-2 gate → stated); contradiction-flag — catch where the realization violates a stated intent, the a11y floor, or a Constitution non-negotiable (Tier-2 gate, or Tier-3 defer for scope). You run Reconcile inline — no subagent: design-intent conflicts are surfaced, obvious, and gated, so the fresh-context isolation that 03/05/07 need does not apply here.

The boundary-test = the token-governance line. Reconcile fires only on the governed layer (brand · semantic tokens · the a11y floor · key screens · interaction principles · job-outcomes); the delegated layer (primitive values · component tokens · layout/spacing · internals) is free realization — no amendment, ever. Full method: references/reconcile-critique.md.

Profile switch — `agent-system` realizes the agent experience

Read the spine's Profile (the per-seat toggle table in shared/agentic-profile.md). Under webapp (default) the flow below is unchanged. Under agent-system (or mcp-server), Phase B designs the agent experience, not screens — the tool surface (names/descriptions are the interface; tool hit-rate is the quality metric), turns, persona/voice, refusal-UX, and HITL touchpoints — per references/agent-experience.md. Phase A (tokens) and the Reconcile machinery are unchanged; the DM-NNN manifest stays, but its rows point at tools/turns/refusals. Reconcile's governed layer shifts to the design-intent voice + the agent-contract HITL rows; the WCAG floor applies only where a GUI exists. Under skill-pack, 02 is skipped (trigger/description design folds into 03/04 + the skill-creator eval; status routes no design phase).

Read the full file on GitHub · 131 lines

Files

What ships with it

42 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

6d ago First seen · 131 lines · 218 tokens per session scan A 22c0ee1a8484

Subscribe to this mod's changes

02-designer is a skill published in the GitHub repository IncommensurableHubris/fullstack-director (5 stars, last pushed 26d ago), licensed MIT. It adds 218 tokens to every session and 2,892 once invoked, about $0.0011 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

CSS and styling Claude Code Design and UX Frontend agent-skills ai-agents sdlc spec-driven-development

gsd-sketch

Sketch UI/design ideas with throwaway HTML mockups, or propose what to sketch next (frontier mode).

open-gsd/gsd-core · 27 tokens

gsd-ui-phase

Generate UI design contract (UI-SPEC.md) for frontend phases.

open-gsd/gsd-core · 18 tokens

gsd-ui-review

Retroactive 6-pillar visual audit of implemented frontend code.

open-gsd/gsd-core · 17 tokens

userinterface-wiki

UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs file:line findings.

open-gsd/gsd-pi · 52 tokens

larapilot-design

Produces isolated HTML/CSS mockups stored in .larapilot/mockups/ and served via a dev-only /mockups route. Use for "make a mockup", "dashboard concept", "landing page", or when planning needs visual references. Italian triggers include "mockup", "prototipo visivo".

andreapollastri/larapilot · 69 tokens

ui-mockup

Generate HTML/CSS mockups for UI design. Produces browser-previewable mockup files with placeholder data. Use when the user says ui-mockup, mockup, design UI, wireframe, or needs visual reference for a feature.

yugasun/aiops · 54 tokens