Theme Planner — Design agent for Claude Code
Use this agent to map design requirements onto the Hyper theme architecture.
How to install Theme Planner
Installs to ~/.claude/agents/borekdigital-mdm-harness-theme-planner.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/borekDigital/mdm-harness/HEAD/.claude/agents/theme-planner.md -o ~/.claude/agents/borekdigital-mdm-harness-theme-planner.md Restart Claude Code, or start a new session, for it to be picked up.
What Theme Planner does
name: theme-planner description: "Use this agent to map design requirements onto the Hyper theme architecture. Operates in two modes: (1) Block Map — maps a full page design onto individual blocks with Hyper-section assignments, (2) Block Plan — creates a focused implementation plan for a single block/section override. Trigger when: a design-spec.md is ready, a block map is needed, or a single block override needs planning.\n\nDo NOT trigger for: extracting Figma data (figma-extractor), impl
Alternatives in Design
- Workflow Architect Agent — Workflow design specialist who maps complete workflow trees for every system, user journey, and agent interact 669 ★
- Omd Designer Review — Visual + brand consistency reviewer 465 ★
- Source Design Doc — Section: "Endpoints" — POST /api/orders/submit → handler: OrderController.submit POST /api/orders/submit → handler: OrderService.crea 281 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Liquid Implementer
Use this agent to implement an APPROVED block plan in the MDM Hyper theme — creating/modifying a single sectio
Figma Extractor
Use this agent to extract an implementation-ready design specification from Figma via the official Figma MCP.
Canva Fse Converter
Specialized agent for converting Canva HTML/CSS exports to WordPress FSE block themes. Parses design tokens fr
Page Builder
Builds individual pages or sections from a DESIGN-BRIEF.md with high fidelity. Focuses on one section at a tim
Component Taxonomy Mapper
Maps the component inventory - React/Vue/Svelte components, design patterns, reuse opportunities - to .design/
Figma Fse Converter
Specialized agent for autonomous Figma-to-WordPress FSE theme conversion. Extracts design systems, generates t
Related Skills
To WordPress
Migrate anything text-shaped to WordPress — driven by Claude Code, GitHub Copilot CLI, or OpenAI Codex. Genera
Wp Clone To Block Theme
Claude Code skill: clone any public website into a WordPress block theme. Captures tokens + per-section specs
Apex Planner Skill
Domain-agnostic AI planning skill for coding agents. Analyzes the repository, researches current frameworks an