claude

wp-design-to-block-theme

Turn any rendered web design (URL, dev server or static HTML) into a WordPress block theme: capture the pages, derive theme.json tokens from what they paint, rebuild sections as patterns, templates, and Interactivity API blocks, and gate parity with the design and between the front end and the block editor.

7 on GitHubby Sérgio Santosv1.5.0MITupdated 2 days ago
/

Plugin wp-design-to-block-theme from marketplace s3rgiosan-wp-skills in s3rgiosan/wp-skills. Commands read from the repo's manifest — yesterday.

What it installs

Skills (1)

  • wp-design-to-block-theme

    Use when turning a rendered web design — a deployed preview URL, a local dev server, or static HTML files — into a WordPress block theme (FSE). Triggers: "design to block theme", "HTML to WordPress theme", "convert this mockup/prototype to a block theme", "turn this static site into an FSE theme", "

View source on GitHub

More from s3rgiosan/wp-skills

All 12 plugins →

Turn a Claude design (a Claude Design canvas or an HTML artifact) into a WordPress block theme: unbundle the canvas into pages, map artboards to routes, and rebuild with the wp-design-to-block-theme workflow. Requires wp-design-to-block-theme.

1 skill

7

Structured development-effort estimates for WordPress tasks (and React surfaces of WordPress — Gutenberg, Interactivity API, headless).

1 skill

7

Opinionated, production-tested playbook for WordPress content migrations — WP→WP and other-system→WP.

1 skill

7

wp-mnemon

claude

Deep architectural analysis of WordPress plugins — what the plugin does, how it works, what triggers what, and how data flows. 13-phase workflow with structured output.

1 skill

7

The phase after a plugin audit: a per-finding remediation log, an immutable copy of the audited version so citations stay readable, and a PHP token-diff that proves renames / formatter runs / refactors changed no behaviour.

1 skill

7

Verification-first code audit for WordPress plugins: security, performance, standards, wp.org guidelines, cross-plugin integration. Produces a markdown report with severity-sorted findings + GO / NO-GO / GO WITH FIXES verdict.

1 skill

7

Similar plugins

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain wp-design-to-block-theme?

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.

claude & codex plugins12 plugins