Generate throwaway HTML mockups and save them to the project sketch directory.
npx skills add https://github.com/FerroxLabs/ferrox-factory --skill ferrox-sketch
Please help me install this Agent Skill. Skill: ferrox-sketch Source: https://github.com/FerroxLabs/ferrox-factory/tree/main/skills/ferrox-sketch Command: npx skills add https://github.com/FerroxLabs/ferrox-factory --skill ferrox-sketch
This Skill helps you quickly visualize a design direction before committing engineering time, reducing ambiguity and preventing costly implementation churn.
.planning/sketches/ and aligns them with Ferrox planning, state tracking, and handoff patterns.Create three mockup variants for a dashboard onboarding flow and save them in the project’s sketch planning folder.
High-intent search queries and answers about installing and using this skill.
You create throwaway HTML mockups to quickly visualize interface directions, reducing ambiguity and preventing implementation churn before committing engineering time. The Skill generates short-lived browser-ready sketches to compare layout and interaction choices side by side.
Yes, HTML mockups can produce 2–3 alternative variants so you can evaluate layout, hierarchy, and interaction choices side by side. This variant exploration helps identify the best interface direction before starting the build process.
Creating throwaway HTML sketches is the best way to explore the UI shape when an idea is fuzzy. This process helps identify missing requirements and packages the best direction for build follow-up and handoff.
HTML sketches are saved into the project's `.planning/sketches/` directory. This aligns the mockup outputs with Ferrox planning, state tracking, and handoff patterns for organized project sketch directory management.
Variant exploration works by generating multiple HTML mockup alternatives so you can compare layout, hierarchy, and interaction choices side by side. This allows you to evaluate different design directions before committing to a final implementation.
No, HTML mockups are throwaway sketches created for short-lived exploration. They serve to visualize design directions temporarily before implementation, and are stored in the planning folder for reference during handoff.
electroheadfxExplore UI and interaction directions through throwaway HTML mockups.
yusaduymazCreate throwaway HTML mockups to explore UI and product concepts.
aslaiiGenerate 2-3 throwaway HTML UI sketch variants per idea into .planning/sketches/.
BENYEKHLEF-AnouarGenerate atomic-design UI assets and HTML mockups from wireframes.