From design-lenses
Check progress of a running Design Lenses. Shows current phase, completed agents, applied fixes, and remaining work. Use anytime during or after a design loop to see where things stand.
How this skill is triggered — by the user, by Claude, or both
Slash command
/design-lenses:design-statusThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Display the current status of a design loop by reading and parsing the progress tracking file.
Display the current status of a design loop by reading and parsing the progress tracking file.
Search for design-review-progress.md in the following locations, in order:
.git directory and check that level)**/design-review-progress.mdIf no progress file is found, output:
No active design loop found. Start one with
/design-lenses:design-loop <file>
If multiple progress files are found, list all of them with their full paths and ask the user which one they want to inspect. Do not guess.
Read the progress file and extract structured data from two sections:
From YAML frontmatter, extract these fields:
file — the target file being revieweddomain — project domain (e.g., motorcycle, e-commerce)platform — target platform (e.g., Mobile, Desktop, Responsive)theme — color theme (e.g., Dark, Light)scope — page scope (e.g., Page, Component, Section)context — any additional context stringstatus — one of: in-progress, complete, partialstarted — timestamp when the loop beganFrom the markdown body, parse:
[x] checkboxes vs unchecked [ ] checkboxes to determine agent completionOutput a formatted status report based on the parsed data. Follow this structure:
For an in-progress loop:
## Design Loop Status
**File**: path/to/file.html
**Context**: Mobile | Dark theme | Page | motorcycle domain
**Status**: In Progress (Phase 2 of 4: FOUNDATIONS)
**Started**: 2026-03-17 10:00
### Progress
████████░░░░░░░░ 4/8 agents complete (50%)
### Completed
- [x] Iteration 1 — DIAGNOSE
- Design Critic: 8 issues found, 6 applied
- Domain Expert: 5 issues found, 4 applied
### In Progress
- [ ] Iteration 2 — FOUNDATIONS
- Design System Agent: running...
- Copy & Clarity Agent: pending
### Remaining
- [ ] Iteration 3 — ENHANCE
- [ ] Iteration 4 — SHIP
### Recent Fixes Applied
1. Contrast ratio bumped to WCAG AA (consensus)
2. Focus-visible states added globally (critic, critical)
3. ...
### Estimate
~2 iterations remaining
Build the progress bar using block characters:
█ for completed portions and ░ for remaining portionsFor the Completed section, list each finished iteration and its agents with a brief summary of what each agent found and how many fixes were applied.
For the In Progress section, mark the currently running agent as "running..." and subsequent agents in the same iteration as "pending".
For the Remaining section, list future iterations by name only.
For Recent Fixes Applied, show the last 5-8 fixes from the applied fixes list. Include the source agent and severity in parentheses when available.
For the Estimate, calculate remaining iterations based on current position.
If the status field is complete, output:
## Design Loop — Complete
**File**: path/to/file.html
**Duration**: 12 minutes (4 iterations)
**Agents**: 8/8 completed
**Fixes Applied**: 47 total
### Summary
[contents of Summary section from progress file]
Calculate duration from the started timestamp to the current time or to a completion timestamp if one is recorded. Show the total number of iterations completed. Include the full summary section text from the progress file verbatim.
If the status field is partial, output:
## Design Loop — Partial (stopped early)
**Completed**: 3/4 iterations (6/8 agents)
**Reason**: Context exhaustion after iteration 3
**Fixes Applied**: 34 total
For partial completions, look for a reason field or infer the stopping point from the last checked agent. Report exactly how far the loop got before stopping.
Run /design-lenses:design-loop to start a new loop, or continue an existing one.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
npx claudepluginhub andrejkanuch/design-lenses --plugin design-lenses