skills.rest
LamseyahElias
LamseyahEliasCOMMUNITY
Explore all skills by this author →
GitHub

claude-design

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

Updated Jun 11, 2026
Search Tags:#design#html#prototype#design-system#artifact#motion#cli-api
One-click install
npx skills add https://github.com/LamseyahElias/jarvis-cloud-v2 --skill claude-design-lamseyahelias
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/LamseyahElias/jarvis-cloud-v2/tree/main/hermes-agent/skills/creative/claude-design
Command: npx skills add https://github.com/LamseyahElias/jarvis-cloud-v2 --skill claude-design-lamseyahelias

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Transforms design briefs into context-aware HTML artifacts that can be produced and tested in CLI/API environments without hosting tooling.

Core Features & Use Cases

  • Convert briefs into local HTML prototypes with embedded CSS/JS.
  • Support for landing pages, decks, prototypes, and motion studies in non-hosted runtimes.
  • Use Case: you provide a brief and the system generates a self-contained artifact that matches Claude Design quality for offline delivery.

Quick Start

Feed a design brief and run the local workflow to generate a self-contained HTML artifact.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I turn a design brief into an HTML prototype for offline use?▼

The process generates a self-contained HTML artifact with embedded CSS and JS from a design brief, meaning all assets are packaged locally for offline use without requiring external hosting tooling.

Can I generate landing page prototypes in a CLI or API environment without hosting?▼

Yes, this approach supports non-hosted CLI and API runtimes by producing self-contained HTML artifacts with embedded CSS and JavaScript, eliminating the need for external hosting tooling.

What is a self-contained HTML artifact and when do I need it for design exploration?▼

A self-contained HTML artifact is a single file with embedded CSS and JavaScript used for design-system explorations and motion studies when you need offline delivery in non-hosted environments.

Does this local design workflow support motion studies and design-system explorations?▼

Yes, the local design workflow supports motion studies and design-system explorations by generating context-aware HTML artifacts that function within non-hosted CLI and API runtimes.

Do I need any external dependencies or components to generate HTML artifacts from briefs?▼

No external dependencies or components are required to generate HTML artifacts from briefs; the workflow produces a self-contained file with embedded CSS and JavaScript locally.

Related Skills

Explore More Design & Creative Skills→
skyoxuskyoxu

bmad-product-brief

Draft executive product briefs through guided discovery and web research.

Community
Advanced
sheawinklersheawinkler
78

claude-design

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

Community
Advanced
rickyanandarickyananda
1

claude-design

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

Community
Advanced
freedomw1987freedomw1987
2

claude-design

Generate self-contained HTML design artifacts in CLI or API environments.

Community
Intermediate