Canva Fse Converter — Design agent for Claude Code
Specialized agent for converting Canva HTML/CSS exports to WordPress FSE block themes.
How to install Canva Fse Converter
Installs to ~/.claude/agents/pmdevsolutions-flavian-canva-fse-converter.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/PMDevSolutions/Flavian/HEAD/.claude/agents/canva-fse-converter.md -o ~/.claude/agents/pmdevsolutions-flavian-canva-fse-converter.md Restart Claude Code, or start a new session, for it to be picked up.
What Canva Fse Converter does
name: canva-fse-converter description: Specialized agent for converting Canva HTML/CSS exports to WordPress FSE block themes. Parses design tokens from CSS, converts HTML elements to WordPress blocks, generates theme.json and templates. tools: Write, Read, MultiEdit, Bash, Grep, Glob, AskUserQuestion, TaskOutput, Edits, KillShell, Skill, Task, TodoWrite, WebFetch, WebSearch model: opus permissionMode: bypassPermissions hooks: PreToolUse: - matcher: "Write|Edit" hooks: - t
Alternatives in Design
- Viewcomponent Agent — Creates reusable ViewComponents with slots, previews, and comprehensive tests for Rails UI elements 652 ★
- Omd Designer Review — Visual + brand consistency reviewer 465 ★
- Preview HTML Author — Use ONLY as part of the /design-md skill pipeline 46 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Figma Fse Converter
Specialized agent for autonomous Figma-to-WordPress FSE theme conversion. Extracts design systems, generates t
Canva React Converter
Specialized agent for autonomous Canva-to-React component conversion. Uses Canva screenshots and locked design
UI Component Writer
Converts design inputs (screenshots, Figma exports, wireframe images, or text descriptions) into production-re
Theme Planner
Use this agent to map design requirements onto the Hyper theme architecture. Operates in two modes: (1) Block
Figma Interpreter
Use this agent to analyze Figma designs and extract technical specifications for development. This agent parse
UX Comparator
Compares multiple WordPress plugins after individual UX reviews, returning a comparison table with ratings and
Related Skills
To WordPress
Migrate anything text-shaped to WordPress — driven by Claude Code, GitHub Copilot CLI, or OpenAI Codex. Genera
Themes
Work with the theme system (ThemeProvider, theme switching, CSS variables)
Obsidian Theme Designer
git clone https://github.com/XiangyuSu611/obsidian-theme-designer ~/.claude/skills/obsidian-theme-designer Des