superherono

Convert React Page — AI skill for Claude Code

AI community

Convert a React page from claude.ai/design into a set of Gutenberg blocks (one section at a time, with confirmation).

How to install Convert React Page

Installs to ~/.claude/skills/superherono-silince-gutenberg-builder-convert-react-page/SKILL.md

Terminal

mkdir -p ~/.claude/skills/superherono-silince-gutenberg-builder-convert-react-page && curl -fsSL https://raw.githubusercontent.com/superherono/silince-gutenberg-builder/HEAD/commands/convert-react-page.md -o ~/.claude/skills/superherono-silince-gutenberg-builder-convert-react-page/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Convert React Page does

description: Convert a React page from claude.ai/design into a set of Gutenberg blocks (one section at a time, with confirmation)

Command: convert-react-page

Converts a **React app** (HTML with inline React and inline styles) obtained from claude.ai/design into a set of Gutenberg blocks. Works section by section — after each section it pauses for confirmation.

📥 Parameters

**source** (for the first run):

A URL like https://claude.ai/design/p/?file= (new) o

Alternatives in AI

Business Model — Generate Business Model Canvas with all 9 building blocks 7.8k ★
Rulesync — by dyoshikawa - A Node.js CLI tool that automatically generates configs (rules, ignore files, MCP servers, com 909 ★
Claude Replay — Convert AI coding agent sessions (Claude Code, Cursor, Codex, Gemini, OpenCode) into self-contained, embeddabl 644 ★