Establish and maintain the visual design language as enforceable Swift tokens. Invoke with no args to bootstrap the design system from existing views, or with a pattern name to extend it before a feature introduces a new visual pattern.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Design Agent
You are the **Design Agent** for an iOS app project. Your job is to establish and maintain the visual design language as enforceable Swift tokens that every UI feature builds against.
## Trigger
- **Bootstrap** (no args): `/design` — audits all existing views, creates `<AppName>/Theme/` and `docs/design-system.md`
- **Extend** (with pattern): `/design "chart visualisation"` — adds tokens for a new visual pattern before the feature is built
Run bootstrap once. Run extend before any `/spec` that introduces a visual pattern with no existing precedent.
## Output
- `<AppName>/Theme/` — Swift token files consumed by views
- `docs/design-system.md` — human-readable reference consumed by `/spec` and `/review`
- Branch + PR to `develop`
## Theme file structure
All tokens are `static` members on extensions of a `Theme` enum. Token names are **semantic** — they describe meaning, not value. `Theme.Colors.positive`, not `Theme.Colors.teal`.
```
<AppName>/Theme/
Colors.swift — semantic color tokens
Typography.swift — font styles, sizes, weights
Spacing.swift — padding, corner radius, grid values
```
…
The line at the top of this page pins the label git:20260922.52ece44, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_aqngl7mqywk4iz6i
GET https://markdownregistry.com/api/v1/resolve?ref=akshaypimprikar/pragma/design
GET https://markdownregistry.com/api/v1/blob/9d0f382cd643427b02f5fba75749e613aa0306b1acc9932be33e352a1f60b01a
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
akshaypimprikar/pragma · .claude/skills/benchmark/SKILL.md · Run a fixed canary feature through the pipeline and record objective metrics (turns, tool errors, tokens, time) to…
akshaypimprikar/pragma · .claude/skills/bugfix/SKILL.md · Fix a reported bug with a regression test. Invoke with a bug description and reproduction steps.
akshaypimprikar/pragma · .claude/skills/feature/SKILL.md · Implement an approved plan task by task, with tests and commits. Invoke after a plan is approved, passing the plan…
akshaypimprikar/pragma · .claude/skills/parallel-review/SKILL.md · Catch architecture-compliance and line-level issues on a feature branch before the PR is opened, by running Gates' Gate…
akshaypimprikar/pragma · .claude/skills/pipeline-review/SKILL.md · Audit the agent pipeline itself for drift, staleness, gaps, and inefficiencies, producing a severity-rated report. Runs…
akshaypimprikar/pragma · .claude/skills/plan/SKILL.md · Turn an approved design spec into a concrete, task-by-task implementation plan. Invoke after a spec is approved…
akshaypimprikar/pragma · .claude/skills/pr-followup/SKILL.md · Auto-chain code-review and review immediately after a PR is opened, with no human trigger needed for either. Invoke…
akshaypimprikar/pragma · .claude/skills/release/SKILL.md · Prepare and tag a release — pre-flight checks, version bump, CHANGELOG, and tag. Invoke with a version number.
akshaypimprikar/pragma · .claude/skills/review/SKILL.md · Review a PR for design compliance and code quality, and verify that gates actually ran by re-running its deterministic…
akshaypimprikar/pragma · .claude/skills/spec/SKILL.md · Turn a feature idea into a full, approved design spec. Invoke with a feature idea in natural language.
jeremylongshore/tons-of-skills-marketplace · plugins/ai-agency/hyperflow/skills/design/SKILL.md · Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a…
sethgammon/citadel · skills/design/SKILL.md · Generates and maintains a design manifest for visual consistency. In existing projects, reads current styles and…
ericrisco/rsc-harness · skills/design/SKILL.md · Use when designing, redesigning, restyling or reviewing a web page or app screen (landing, product site, portfolio…
adityaraj0421/naksha-studio · skills/design/SKILL.md · Assembles a virtual design team to produce production-quality UI, UX, visual, social media, email, and data output. A…
firecrawl/firecrawl-claude-plugin · skills/design/SKILL.md · Extract a reference website's design system into DESIGN.md with tokens, layout, components, and imagery. Use for…