yojahny55

Wp Demo — Development skill for Claude Code

Development community

Create a demo HTML mockup for client approval — responsive, section-separated, ready for WordPress conversion.

How to install Wp Demo

Installs to ~/.claude/skills/yojahny55-claude-wp-builder-wp-demo/SKILL.md

Terminal

mkdir -p ~/.claude/skills/yojahny55-claude-wp-builder-wp-demo && curl -fsSL https://raw.githubusercontent.com/yojahny55/claude-wp-builder/HEAD/commands/wp-demo.md -o ~/.claude/skills/yojahny55-claude-wp-builder-wp-demo/SKILL.md

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

What Wp Demo does

description: Create a demo HTML mockup for client approval — responsive, section-separated, ready for WordPress conversion allowed-tools: Read, Write, Edit, Bash, Grep, Glob argument-hint: "[brief or 'iterate']"

WP Demo — HTML Mockup Generator

Create a standalone HTML demo for client approval that will later be converted section-by-section into WordPress templates.

Step 1: Read Project Context

Read `.claude/CLAUDE.md` to get the project name, slug, industry, description, and lan

Alternatives in Development

Stitch React Components — Stitch to React components conversion 2.6k ★
Frontend Slides Editable — Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/ 466 ★
CI Mockup Figure — Read and follow the skill definition 239 ★