How do I install the Ferrox Sketch skill?

Run npx skillmds@latest add ferroxlabs/ferrox-sketch in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Ferrox Sketch skill do?

You want to see what it could look like before building it. Throwaway HTML mockups It is listed under Web & Frontend on SkillMD.

Is Ferrox Sketch safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Ferrox Sketch?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Ferrox Sketch free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Ferrox Sketch?

FerroxLabs (@ferroxlabs) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Ferrox Sketch by ferroxlabs — Agent Skill

Name: Ferrox Sketch
Author: FerroxLabs

File contents

Two modes:

Idea mode (default) — describe a design idea to sketch
Frontier mode (no argument or "frontier") — analyzes existing sketch landscape and proposes consistency and frontier sketches

Does not require prior new-project setup — auto-creates .planning/sketches/ if needed.

Available flags:

--quick — Skip mood/direction intake, jump straight to decomposition and building. Use when the design direction is already clear.
--wrap-up — Package sketch design findings into a persistent project skill for future build conversations. Runs the sketch-wrap-up workflow.

Preserve all workflow gates (intake, decomposition, target stack research, variant evaluation, MANIFEST updates, commit patterns).

---name: ferrox-sketchdescription: You want to see what it could look like before building it. Throwaway HTML mockups---<objective>Explore design directions through throwaway HTML mockups before committing to implementation.Each sketch produces 2-3 variants for comparison. Sketches live in `.planning/sketches/` andintegrate with Ferrox commit patterns, state tracking, and handoff workflows. Loads spikefindings to ground mockups in real data shapes and validated interaction patterns.Two modes:- **Idea mode** (default) — describe a design idea to sketch- **Frontier mode** (no argument or "frontier") — analyzes existing sketch landscape and proposes consistency and frontier sketchesDoes not require prior new-project setup — auto-creates `.planning/sketches/` if needed.</objective><execution_context>@~/.claude/ferrox-core/workflows/sketch.md@~/.claude/ferrox-core/workflows/sketch-wrap-up.md@~/.claude/ferrox-core/references/ui-brand.md@~/.claude/ferrox-core/references/sketch-theme-system.md@~/.claude/ferrox-core/references/sketch-interactivity.md@~/.claude/ferrox-core/references/sketch-tooling.md@~/.claude/ferrox-core/references/sketch-variant-patterns.md</execution_context><runtime_note>**Copilot (VS Code):** Use `vscode_askquestions` wherever this workflow calls `AskUserQuestion`.</runtime_note><context>Design idea: $ARGUMENTS**Available flags:**- `--quick` — Skip mood/direction intake, jump straight to decomposition and building. Use when the design direction is already clear.- `--wrap-up` — Package sketch design findings into a persistent project skill for future build conversations. Runs the sketch-wrap-up workflow.</context><process>Parse the first token of $ARGUMENTS:- If it is `--wrap-up`: strip the flag, execute the sketch-wrap-up workflow end-to-end.- Otherwise: execute the sketch workflow end-to-end.Preserve all workflow gates (intake, decomposition, target stack research, variant evaluation, MANIFEST updates, commit patterns).</process>

Frequently asked questions

Ferrox Sketch