skills.rest
sheawinkler
sheawinklerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

claude-design

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

78|16|Updated Apr 23, 2026
Search Tags:#design#html#cli#prototype#artifact#motion#design-process
One-click install
npx skills add https://github.com/sheawinkler/hermes-agent-ultra --skill claude-design-sheawinkler
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/sheawinkler/hermes-agent-ultra/tree/main/skills/creative/claude-design
Command: npx skills add https://github.com/sheawinkler/hermes-agent-ultra --skill claude-design-sheawinkler

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and agents often need to convert briefs into local, runnable HTML artifacts without relying on hosted Claude Design UI, preserving taste and behavior while removing hosting plumbing.

Core Features & Use Cases

  • Process-guided design from brief to artifact, enabling quick iteration of landing pages, decks, prototypes, and motion studies.
  • Deliver self-contained HTML artifacts with embedded CSS and JavaScript suitable for offline use.
  • Validate fidelity to context and provide options for design vocabulary and tokens when available.

Quick Start

Provide a design brief and any brand constraints, and I will generate a self-contained HTML prototype that you can open in a browser.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I convert a design brief into a runnable HTML prototype?▼

To convert a design brief into an HTML prototype, provide the brief and any brand constraints. The tool generates a self-contained HTML artifact with embedded CSS and JavaScript that executes offline in CLI or API mode without requiring hosted tooling.

Can I generate offline HTML artifacts with embedded CSS and JavaScript from a prompt?▼

Yes, you can generate offline HTML artifacts with embedded CSS and JavaScript directly from a prompt. The output is entirely self-contained, allowing you to open the resulting prototype in a browser locally without any external dependencies or hosted plumbing.

Does this approach work for creating landing pages and motion studies without hosted design tools?▼

Yes, this approach works for creating landing pages and motion studies without hosted design tools. It is specifically built for one-off prototypes, decks, and component explorations, delivering brand-accurate HTML artifacts that run locally via CLI or API.

What is the best way to build self-contained HTML prototypes from design tokens?▼

The best way to build self-contained HTML prototypes from design tokens is to provide those tokens alongside your brief. The tool validates fidelity to your context and uses the provided design vocabulary to generate a local, runnable HTML artifact.

Do I need a hosted environment to run HTML prototypes generated from design briefs?▼

No, you do not need a hosted environment to run HTML prototypes generated from design briefs. The tool produces local HTML artifacts that execute offline in CLI or API mode, removing the need for any hosting plumbing or external UI dependencies.

Related Skills

Explore More Design & Creative Skills→
xpert-aixpert-ai
8

ideate

Generate three distinct on-brand UI design variants from confirmed briefs.

Official
Intermediate
EmasoftEmasoft

amvcp-share-pages

Deploy a self-contained HTML page to Vercel and return a public live URL.

Community
Intermediate
rickyanandarickyananda
1

claude-design

Design local HTML artifacts with embedded CSS and JavaScript from briefs or screenshots.

Community
Advanced
ruiyangruiyiruiyangruiyi

claude-design

Generate self-contained HTML, deck, or prototype artifacts from design briefs.

Community
Intermediate