sketch

Generate self-contained HTML mockup variants with inline CSS and READMEs.

Updated Jun 28, 2026
One-click install
npx skills add https://github.com/jleechanorg/hermes-agent --skill sketch-jleechanorg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sketch
Source: https://github.com/jleechanorg/hermes-agent/tree/main/skills/creative/sketch
Command: npx skills add https://github.com/jleechanorg/hermes-agent --skill sketch-jleechanorg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Throwaway HTML mockups: 2-3 design variants to compare.

Core Features & Use Cases

  • Lightweight, disposable UI sketches that let you compare design directions quickly without committing to code.
  • Generates 2-3 interactive HTML variants to help stakeholders compare layout and visual direction.
  • Useful when exploring early UX concepts or testing alignment before building production components.

Quick Start

Ask the user to generate 2-3 disposable HTML mockups to compare design directions.

Frequently Asked Questions about sketch

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create disposable HTML mockups to compare UI design directions?

You can generate disposable HTML mockups by creating 2-3 self-contained HTML files with inline CSS to compare UI design directions without external dependencies, allowing rapid early visual exploration.

What is the best way to sketch multiple design variants for early UX exploration?

Sketching multiple design variants involves producing 2-3 interactive HTML mockups with per-variant READMEs describing design intent, enabling stakeholders to compare layout and visual direction before building production components.

When do I need throwaway HTML mockups instead of production UI components?

You need throwaway HTML mockups when exploring early UX concepts or testing visual alignment, providing lightweight, disposable UI sketches to compare design directions quickly without committing to production code.

Can I generate HTML mockups with inline CSS and no external dependencies?

Yes, you can generate self-contained HTML files with inline CSS and no external dependencies, ensuring the disposable mockups function independently for straightforward design direction comparison.

How do I document the design intent for multiple HTML mockup variants?

You document design intent for HTML mockup variants by generating per-variant READMEs alongside the self-contained HTML files, describing the specific layout and visual direction explored in each design variant.

Does generating throwaway HTML mockups work for stakeholder design review?

Yes, generating 2-3 interactive HTML variants works for stakeholder design review by providing disposable UI sketches that let stakeholders compare layout and visual direction before committing to production components.