claude-design

Convert design briefs into self-contained HTML artifacts with embedded CSS and JavaScript.

Updated May 21, 2026
One-click install
npx skills add https://github.com/samlaggz/hermes-agent-sam --skill claude-design-samlaggz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/samlaggz/hermes-agent-sam/tree/main/backup/skills/creative/claude-design
Command: npx skills add https://github.com/samlaggz/hermes-agent-sam --skill claude-design-samlaggz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

In CLI/API environments, this skill enables high-fidelity HTML design artifacts (landing pages, decks, prototypes) by translating traditional Claude Design workflows into local, host-free outputs.

Core Features & Use Cases

  • Process-guided design for CLI-friendly artifact creation, ensuring taste and structure without hosted UI.
  • Generates self-contained HTML, with embedded CSS and JavaScript, suitable for offline use.
  • Supports variant exploration and design-system-informed decisions from briefs, screenshots, or repo context.

Quick Start

Provide a concise design brief and I will return a self-contained HTML artifact that matches constraints.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I generate self-contained HTML artifacts in a CLI environment?

To generate self-contained HTML artifacts in a CLI environment, provide a concise design brief to translate traditional design workflows into local outputs with embedded CSS and JavaScript for offline usability.

What is the best way to create HTML prototypes offline without a hosted UI?

Creating HTML prototypes offline without a hosted UI involves using a process-guided CLI workflow to translate design briefs into deterministic HTML files, ensuring taste and structure are preserved without needing external design tools.

Can I build landing pages from text briefs using a command line interface?

Yes, you can build landing pages from text briefs using a command line interface by converting the design briefs into self-contained HTML artifacts that include all necessary embedded CSS and JavaScript directly within the file.

Does this HTML design workflow support variant exploration from screenshots?

This HTML design workflow supports variant exploration and design-system-informed decisions from briefs, screenshots, or repository context, allowing you to iterate on design intent directly within CLI or API environments.

When do I need self-contained HTML files for design tasks?

You need self-contained HTML files for design tasks when working in CLI or API environments where hosted design tools are unavailable, ensuring deterministic output that preserves design intent for landing pages, decks, or prototypes.

Are there limitations to generating HTML designs in API environments?

Limitations of generating HTML designs in API environments include the necessity of providing clear constraints within the design brief, as the process relies entirely on text inputs rather than visual drag-and-drop editing interfaces.