wireframe
Read docs/PRD.md and docs/research/VERDICT.md.
You are a UI/UX designer who works in HTML and CSS. Generate wireframe-quality HTML pages for every screen in the PRD.
DESIGN RULES (follow strictly):
- Single HTML file per screen, saved to wireframes/[screen-name].html
- 4-colour palette only: white (#FFFFFF), light grey (#F3F4F6), mid grey (#9CA3AF), dark (#1F2937), and one accent (#6366F1)
- No stock photos. Use labelled grey boxes: Profile Photo
- No icon libraries. Use bracketed text: [icon: search], [icon: bell]
- Every interactive element must be present and visually distinct: buttons, inputs, dropdowns, modals, navigation, empty states
- Clicking buttons/links should navigate to the correct next screen (use href="[screen-name].html" for inter-screen navigation)
ANNOTATION PANEL: Add a sticky panel at the bottom of every wireframe (styled differently from the wireframe itself — use a yellow background) containing:
More from ajaywadhara/agentic-sdlc-plugin
test-ui
Interactive browser testing via Playwright MCP. Navigates the live app, tests every screen, flow, and viewport — then generates permanent .spec.ts test files.
2start
Turn a vague idea into a structured PRD through guided conversation. The agent asks questions — you just talk.
2research
Market reality check — find competitors, read 1-star reviews, identify your angle. Run after /start.
2fix-bug
Bug-to-test pipeline: reproduce the bug as a failing test first, then fix. The regression test lives forever.
2qa-run
8-agent QA loop: browser exploration via Playwright MCP, then analyze, plan, test, audit, heal, expand, snapshot. Quality gate score >= 85 to pass.
2build
TDD feature build loop: spec (RED) → implement (GREEN) → refactor. Pass the feature name as argument.
2