/html-extract
Capture a reference site's section structure, color and font tokens, and recurring component patterns into a clean, annotated inspiration file for rebuilding from scratch — never verbatim reuse. Renders with Playwright when connected; otherwise uses a static fetch (lower
$ npx -y skills add ZachArticulateV/designer-pro-and-seo --skill html-extract --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/html-extract
Context preview
The summary Claude sees to decide when to auto-load this skill.
Capture a reference site's section structure, color and font tokens, and recurring component patterns into a clean, annotated inspiration file for rebuilding from scratch — never verbatim reuse. Renders with Playwright when connected; otherwise uses a static fetch (lower
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.
Repo: ZachArticulateV/designer-pro-and-seo
Other skills on designer-pro-and-seo.
- /blast-prompt
Generate a complete build brief in BLAST format — Blueprint, Link, Architect, Stylize, Trigger — so a build agent can one-shot a high-quality build. Pulls the Stylize section from a saved or freshly generated design system. Trigger when the user says "blast prompt", "build
Open skill - /client-outreach
Generate cold-outreach openers, value-led follow-up sequences, niche-authority positioning, and a tool-import CSV with CAN-SPAM/GDPR/CASL compliance-checklist fields for landing the first clients in a service business. Uses copywriting for sharper lines when available; otherwise
Open skill - /content-draft
Draft long-form content (blog post, service page, landing page, guide) from a brief or outline — structured, on-intent, and originality-checked, ready for human edit. Trigger when the user says "draft this", "write the blog post", "write the page", "turn this brief into
Open skill - /copywriting
Write conversion-focused copy for a page or section — headlines, subheads, value propositions, CTAs, feature/benefit blocks, and microcopy — anchored to a specific audience and offer. Trigger when the user says "write copy", "headline", "value proposition", "CTA copy", "hero
Open skill - /csv-to-report
Convert a raw CSV into a structured, business-ready report using a 3-step framework — load + label, define rules, request structured deliverables. Trigger when the user says "csv to report", "report from this csv", "summarize this spreadsheet", "training log report", "compliance
Open skill - /design-accessibility
Audits HTML against WCAG 2.2 — no-tools structural checks (alt text, heading order, form labels, lang, landmarks, skip link, viewport meta, token-based contrast), plus a full axe-core scan covering computed contrast, keyboard/focus order, reduced-motion, and 200% zoom. Uses
Open skill