blast-prompt
Generate a complete build brief in BLAST format — Blueprint, Link, Architect, Stylize, Trigger — so a build agent can one-shot a…
Run a 9-phase pre-delivery QA gate on a build and return a PASS/CONDITIONAL/FAIL verdict with a risk rating (Low/Medium/High/Critical), bucketed findings (critical issues, warnings, recommendations, nice-to-haves), an estimated fix time, and an explicit client-ready YES/NO. Uses
Claude Code
$ npx -y skills add ZachArticulateV/designer-pro-and-seo --skill qa-gate --agent claude-code
Codex
$ npx skills add ZachArticulateV/designer-pro-and-seo --skill qa-gate -a codex -y
Cursor
$ npx skills add ZachArticulateV/designer-pro-and-seo --skill qa-gate -a cursor -y
Gemini CLI
$ npx skills add ZachArticulateV/designer-pro-and-seo --skill qa-gate -a gemini-cli -y
GitHub Copilot
$ npx skills add ZachArticulateV/designer-pro-and-seo --skill qa-gate -a github-copilot -y
OpenCode
$ npx skills add ZachArticulateV/designer-pro-and-seo --skill qa-gate -a opencode -y
Windsurf
$ npx skills add ZachArticulateV/designer-pro-and-seo --skill qa-gate -a windsurf -y
name: qa-gate description: Run a 9-phase pre-delivery QA gate on a build and return a PASS/CONDITIONAL/FAIL verdict with a risk rating (Low/Medium/High/Critical), bucketed findings (critical issues, warnings, recommendations, nice-to-haves), an estimated fix time, and an explicit client-ready YES/NO. Uses the Playwright extension when connected for live functional, visual, and performance checks; otherwise runs the static path and marks live-only checks N/A. Trigger when the user says "qa check", "qa gate", "is this ready to ship", "client-ready check", "pre-delivery review", or "stress test the site".
**Family:** build-and-qa **Status:** Stable
The mandatory pre-delivery gate for any client-bound build. Walks the build through 9 phases and produces a structured pass/fail report with a risk rating and an explicit YES/NO client-ready verdict. This is the *gate*, not the *fix* — it reports; remediation happens in the appropriate skills.
1. **Load the report template** `templates/qa-report-template.md`. 2. **Run the static gate in one command** — it drives the plugin's own engines (`a11y_static`, `tech_audit`, `image_audit`, `content_audit`, `schema_gen`, `link_graph`) over every page of the build, adds the exposed-secret scan and the deployment checks (staging `Disallow: /` left on, robots/sitemap/404/favicon, analytics), merges repeats across pages, applies the verdict rule, and fills the template:
python3 "${CLAUDE_PLUGIN_ROOT}/scripts/workflow/qa_gate.py" --dir dist/ --base-url https://client.example --project "<client>" --report(`--file page.html --url <URL>` for a single page; JSON without `--report`.) Then **detect tooling**: if the Playwright extension is available (see `extensions/playwright/`), deepen the live phases below; if not, the static report already marks them `N/A — needs Playwright`. 3. **Run the 9 phases**, recording PASS / WARN / FAIL / N/A for each: 1. **Functional** — forms submit, links resolve, no console JS errors. 2. **Visual fidelity** — matches the design system; responsive at 375/768/1280; no broken layouts. (Playwright deepens this; `design-visual-qa` for diffs.) 3. **Accessibility** — dispatch the `design-accessibility` agent (axe + WCAG AA when Playwright is connected; else its bundled `a11y_static.py` structural checks — contrast, alt text, heading order, labels, focus visibility). 4. **Performance** — Core Web Vitals (LCP < 2.5s, CLS < 0.1, INP < 200ms). Dispatch the `seo-google` agent for PSI/CrUX field data when a key/MCP is connected (the free PSI/CrUX key is preferred; any paid call routes through `cost_guard.py`, which fails open to the free path); else flag CWV for field verification. 5. **Security** — HTTPS, security headers, no exposed secrets in source, audit third-party scripts. 6. **Content completeness** — no lorem ipsum, no broken images, no placeholder copy; compare against the brief for missing pieces. 7. **SEO baseline** — dispatch the `seo-page` agent (title, meta, OG, schema, canonical, images, internal links) as a real fan-out, not a prose handoff. 8. **Cross-device / browser** — sanity at key breakpoints/browsers. 9. **Deployment readiness** — env vars set, redirects, analytics installed, DNS. 4. **Apply the verdict rule.** Any unresolved CRITICAL ⇒ OVERALL = FAIL and CLIENT-READY = NO. CONDITIONAL PASS only when remaining items are WARN or lower. 5. **Estimate fix time** and bucket findings into Critical / Warnings / Recommendations / Nice-to-haves. 6. **Render** the filled `qa-report-template.md`. Never declare client-ready with an open critical issue.
Structured QA Summary Report (from `templates/qa-report-template.md`): overall status, risk rating, per-phase results, bucketed findings, estimated fix time, and an explicit client-ready YES/NO.
content, image, schema, link-graph and a11y engines)
This is the gate, not the fix. Remediation happens in `design-build`, `seo-technical`, etc. Pairs with `blast-prompt` as the build bookend. Never skip this gate when delivering to a paying client.
A Claude Code plugin for the web-design + SEO workflow: research a niche, generate a coherent design system, write a complete build brief, build, run a pre-delivery QA gate, port the result into any CMS, and review on-page SEO.
Generate a complete build brief in BLAST format — Blueprint, Link, Architect, Stylize, Trigger — so a build agent can one-shot a…
Generate cold-outreach openers, value-led follow-up sequences, niche-authority positioning, and a tool-import CSV with…
Draft long-form content (blog post, service page, landing page, guide) from a brief or outline — structured, on-intent, and…
Write conversion-focused copy for a page or section — headlines, subheads, value propositions, CTAs, feature/benefit blocks, and…
Convert a raw CSV into a structured, business-ready report using a 3-step framework — load + label, define rules, request…
Audits HTML against WCAG 2.2 — no-tools structural checks (alt text, heading order, form labels, lang, landmarks, skip link,…
When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use…
Comprehensive SEO analysis for any website or business type. Full site audits, single-page analysis, technical SEO (crawlability,…
Turn the current project website into a short, polished, shareable launch video using Hyperframes. Use when someone says "/brag",…
Full website GEO+SEO audit with parallel subagent delegation. Orchestrates a comprehensive Generative Engine Optimization audit…