skills/mine-mockup/SKILL.md
Use when the user says: "mockup this UI", "show me what it looks like", "HTML mockup", "UI preview", or "generate a mockup". Generate self-contained HTML mockup files. Reads design/context.md if present for consistent styling.
npx skillsauth add NodeJSmith/Claudefiles mine-mockupInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Dispatches a subagent to generate self-contained HTML mockups. The main agent resolves design context, then hands off generation entirely.
$ARGUMENTS — a description of what to mockup. If empty, ask the user what they want to mockup.
Look for design/specs/*/design.md:
Look for design context (checked in order, first match wins): design/context.md, .impeccable.md, design/direction.md. If found, note its path. If none found, proceed without — the worker uses its default aesthetic.
Launch one subagent (model: sonnet, subagent_type: general-purpose):
Generate an HTML mockup.
What to build: <user's description from $ARGUMENTS> Design context file: <path to design/context.md or equivalent, or "none"> Design doc: <path to design.md if found, or "none">
Read
${CLAUDE_CONFIG_DIR:-~/.claude}/skills/mine-mockup/worker.mdfor the complete workflow. Follow every step. Do NOT use the Skill tool — the instructions are in worker.md, not a skill.
The subagent returns the file path of the generated HTML.
Present the file path to the user. If no design/context.md exists, suggest: "Want more control over styling? Run /i-teach-impeccable to set up design tokens."
development
Use when the user says: "document how X works", "write up how this works", "durable explanation", "explain this for the docs", "document this subsystem". Writes a durable, architectural-altitude explanation that survives code churn.
development
Use when picking up a fresh session after /clear, a stop, or an unanswered AskUserQuestion. Reconstructs the prior session's intent from its transcript tail and surfaces any unresolved decision; user-invoked only — for a hand-written end-of-day handoff use /mine-good-morning instead.
development
Use when the user says: "what did we discuss", "continue where we left off", "remember when", "as I mentioned", "you suggested", "we decided", "search my conversations", "find the conversation where", "what did we work on", or uses implicit signals like past-tense references, possessives without context, or assumptive questions. Direct search over past Claude Code sessions via cass.
tools
Use when the user says: "what context do I have", "relevant history for this task", "what have we done related to this". Also usable proactively when starting work that likely has prior history. Assembles a structured context brief from past session history via cass, scoped to the current task and workspace.