Three-phase Research → Design → Dev Handoff pipeline for WordPress block-theme site design — takes raw brand material to a developer-ready design system (DESIGN.md + decisions.md); does not build the theme itself, but /iterate can apply feedback to a built theme after handoff.
6 on GitHubby Automattic Special Projectsv0.2.0MITupdated todaydevelopment-tools
/
Plugin sp-site-design-harness from marketplace a8cteam51-claude-code-plugins in a8cteam51/claude-code-plugins. Commands read from the repo's manifest — today.
What it installs
Skills (7)
create-design
Design process for producing distinctive, art-directed digital design instead of generic AI-default interfaces. Use whenever building or refining the visual design of a marketing site, landing page, product interface, web app, mobile UI concept, interactive experience, or design prototype — includin
dev-handoff
Distill a chosen design direction plus research context into structured design decisions — a DESIGN.md token/prose spec and a decisions.md notes file — ready for a separate WordPress block-theme build agent to consume. Phase 3 (Dev Handoff) of the sp-site-design-harness pipeline. Use once a directio
find-font
Browse the local font catalog for a family matching a mood/use-case description, classifying candidates on demand
iterate
Apply feedback to an existing design direction or built block theme fast — swap a token, fix copy, adjust a property, rework one section, or work through a pasted list of partner notes. Use whenever the user asks to change, fix, tweak, or revise something in an existing `directions/NN-<slug>.html` o
publish-design-options
Package the design options from this session behind one private Spacefast link for partner review
research-intake
Gather brand material, project goals, and context for a new site engagement, normalize it into a confidence-tagged brief, and hand off to the design phase — without blocking on sparse or empty input. Phase 1 (Research) of the sp-site-design-harness pipeline. Use when starting a new client/partner si
scan-font-sources
Scan all configured font sources and refresh the local-font-sources catalog's index
Convert a set of static HTML/CSS/JS design files (a handoff from sp-site-design-harness or fig-to-html, or Claude Design files), or the pages of an existing site, into a standards-driven WordPress block theme on a local Studio site, using theme.json, block styles, editable page content, and blocks from the A8C Special Projects blocks monorepo, refined to match in the browser via Claude in Chrome. Builds into A8C Special Projects project-template repositories under their conventions and CI gates. A second skill holds later changes to a theme it built to the same standards, and ends each with the standards audit.
Back a local WordPress Studio site with a GitHub repo. Scaffold a brand-new site whose wp-content is a fresh clone, convert an existing site's wp-content into a clone while preserving uploads and the SQLite database, or mirror a hosted Pressable/WPCOM site locally — plugins, database, and media fallback — via the team51 CLI.
Design a WordPress page with Claude on your own computer as a single full-width Custom HTML block, with a local preview, checks, and undo, then move it to the site through your logged-in Chrome: no password or connection setup, a choice of AI Canvas page templates (with the site's header and footer, or the page alone) created on first use, and a draft to review before it goes live.
Extract images and design context from the current Figma selection over Figma desktop's local Dev Mode MCP connection. Downloads referenced assets (PNG/JPG/GIF/WEBP/SVG), a screenshot, and the design context to a local folder.
Run the Poseidon plan and implement agents locally in your Claude Code session on the model you choose, instead of via GitHub Actions. Fetches the live upstream instructions from a8cteam51/poseidon-actions each run (always up to date) and swaps the OpsOasis MCP gateway for your local team51 MCP.
Convert WPBakery (Visual Composer) pages on a local WordPress Studio site to Gutenberg block markup in place. Includes a single-page skill and a batch slash command that dispatches one subagent per page.
Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.
Carta Investors plugin — skills for querying investor data, performance benchmarks, regulatory reporting, AGM deck generation, brand extraction, and more via the Carta MCP Server.
Schedule and publish social media posts across 13 platforms (X, LinkedIn Profile + Page, Instagram Business + Standalone, Facebook Pages, TikTok, Discord, Telegram, YouTube, Reddit, WordPress, Pinterest) via SocialClaw — one workspace API key covers everything
Carta Investors plugin — skills for querying investors data, performance benchmarks, regulatory reporting, AGM deck generation, brand extraction, and more via the Carta MCP server
29 skills · hooks
anthropics/knowledge-work-plugins 35,601
Maintain sp-site-design-harness?
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.