Builds throwaway HTML mockups in multiple design variants for side-by-side comparison.
npx skills add https://github.com/infinition/LaRuche --skill sketch-infinition
Please help me install this Agent Skill. Skill: sketch Source: https://github.com/infinition/LaRuche/tree/main/laruche/skills/sketch Command: npx skills add https://github.com/infinition/LaRuche --skill sketch-infinition
High-intent search queries and answers about installing and using this skill.
Generate two or three self-contained HTML mockups, each committed to a different design stance such as density, emphasis, or layout. Serve them locally, screenshot each one, and compare them side by side with a trade-off table before choosing.
Write one self-contained HTML file per variant with an inline style block, system font stack, and no build step or bundler. A CDN library in a single line is acceptable, but plain CSS is enough for a throwaway sketch.
The browser tool only accepts http:// or https:// URLs, so local files cannot be opened directly. Start a detached HTTP server in the sketches directory, for example with python -m http.server, then navigate to the localhost address.
The shell tool kills processes it started when the call returns, so a foreground server dies immediately. Detach it with Start-Process on Windows or nohup with a trailing ampersand on Linux and macOS so it survives the call.
Skip sketching when the design is already decided, when the user asked for the production component, or when they need a diagram rather than a screen. Sketches exist to settle open design questions, not to ship code.
hfadhlullahGenerate Product Requirements Documents through an interview process.
corvo007Design and implement production-grade frontend interfaces with HTML/CSS/JS or frameworks.
arayaromaAudit and fix web layouts across mobile, laptop, and ultrawide viewports.
DeiblerSelects the appropriate prototype fidelity for each iteration and research question.
