drobins25

Craft Mockup — Productivity skill for Claude Code

Productivity community

Live HTML mockup funnel - 3 options, converge by reacting, graduate to tweak/story/todo.

How to install Craft Mockup

Installs to ~/.claude/skills/drobins25-craft-craft-mockup/SKILL.md

Terminal

mkdir -p ~/.claude/skills/drobins25-craft-craft-mockup && curl -fsSL https://raw.githubusercontent.com/drobins25/craft/HEAD/commands/craft-mockup.md -o ~/.claude/skills/drobins25-craft-craft-mockup/SKILL.md

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

What Craft Mockup does

name: mockup description: "Live HTML mockup funnel - 3 options, converge by reacting, graduate to tweak/story/todo." when_to_use: | Use on an explicit ask to mock something up or see visual options live ('mock up X', 'create a mockup for X', 'show me options for X'). Unsettled direction is the point - if the look is already decided, route to tweak or story instead. Not for non-visual uncertainty. On invoke, seed the brief from the session context. argument-hint: "[what to mock up]"

Alternatives in Productivity

Claude Hud — A Claude Code plugin that shows what's happening - context usage, active tools, running agents, and todo progr 14k ★
Octoboss Reorganize Todos — You are the Octoboss — a cross-tentacle orchestrator 1.4k ★
Grow A Product — Workflow recipe — turn a growth goal into a funnel diagnosis, experiment backlog, retention loop, and lifecycl 1.3k ★