skills.rest
jleechanorg
jleechanorgOFFICIAL
Explore all skills by this author →
GitHub

claude-design

Generate self-contained HTML artifacts with embedded CSS and JavaScript for offline use.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Claude Design workflows assume hosted tooling; this skill adapts that approach to a CLI/API environment by enabling designers to generate local, self-contained HTML artifacts that preserve Claude Design aesthetics without relying on hosted tooling.

Core Features & Use Cases

  • Design process guidance to translate briefs into local HTML artifacts (landing pages, decks, prototypes)
  • Production-ready, self-contained HTML with embedded CSS and JavaScript suitable for offline use
  • Use Case: generate a lightweight landing page or prototype when hosted design tools are unavailable

Quick Start

Create a local, self-contained HTML artifact (landing page, deck, or prototype) that embodies Claude Design for CLI/API environments.

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 prototypes for offline use?▼

To generate self-contained HTML prototypes for offline use, this skill translates design briefs into standalone files with embedded CSS and JavaScript, ensuring local deployment without external dependencies or hosted tooling.

What is a CLI-friendly HTML artifact and when do I need one?▼

A CLI-friendly HTML artifact is a standalone file with embedded CSS and JavaScript generated via command-line interfaces. You need one when creating landing pages or prototypes in offline environments where hosted design tools are unavailable.

Can I create landing pages from a CLI environment without hosted design tools?▼

Yes, you can create landing pages from a CLI environment without hosted design tools. This skill produces production-ready, self-contained HTML files with embedded styling and scripts, preserving design system constraints for local iteration.

Does this approach work for generating design decks and presentation prototypes locally?▼

Yes, this approach works for generating design decks and presentation prototypes locally. It adapts design workflows to CLI/API environments, ensuring fidelity to brand language and design system constraints within self-contained HTML files.

What are the limitations of generating local HTML artifacts without hosted tooling?▼

The main limitation of generating local HTML artifacts without hosted tooling is the absence of real-time collaboration and cloud-based asset syncing. However, it ensures offline functionality by embedding all CSS and JavaScript directly within the HTML file.

Related Skills

Explore More Design & Creative Skills→
JuanMS20JuanMS20

claude-design

Translates design briefs into self-contained HTML artifacts for CLI/API environments.

Community
Advanced
paxlabs-incpaxlabs-inc
7

claude-design

Generate self-contained HTML design artifacts with CSS and JavaScript.

Community
Advanced
kausthubh-coderkausthubh-coder

spark-scene

Generate self-contained HTML files for inline educational micro-interactions.

Community
Basic
beyondkmpbeyondkmp
1

algorithmic-art

Translate an algorithmic philosophy into a self-contained P5.js HTML artwork.

Community
Advanced