claude-design

Generate self-contained HTML landing pages and prototypes with embedded CSS/JS for CLI/API agents.

13|3|Updated May 12, 2026
One-click install
npx skills add https://github.com/kevinnft/ai-agent-skills --skill claude-design-kevinnft
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/kevinnft/ai-agent-skills/tree/main/skills/creative/claude-design
Command: npx skills add https://github.com/kevinnft/ai-agent-skills --skill claude-design-kevinnft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill enables agents operating in CLI/API environments to generate polished, self-contained HTML artifacts (landing pages, decks, prototypes) with design-sensible structure and handoff-ready artifacts.

Core Features & Use Cases

  • Process + taste: guides scoping, context gathering, variant generation, and local verification to produce cohesive HTML artifacts.
  • Artifact production: outputs self-contained HTML with embedded CSS/JS suitable for offline use.
  • Use Case: when a user needs a quick, production-ready landing page or prototype from a textual brief in environments without hosted design tools.

Quick Start

Describe a brief for a landing page and run the design workflow to generate a self-contained HTML prototype.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I generate a self-contained HTML landing page from a text brief in a CLI environment?

To generate a self-contained HTML landing page from a text brief in a CLI environment, provide the brief to the agent to trigger the design workflow, which outputs a production-ready HTML file with embedded CSS and JS for offline use.

Can I create production-ready HTML prototypes using an API agent without hosted design tools?

You can create production-ready HTML prototypes using an API agent without hosted design tools by running the design workflow, which handles scoping, variant generation, and local verification to deliver a complete HTML artifact.

What is the process for generating HTML artifacts that include embedded CSS and JavaScript?

The process for generating HTML artifacts with embedded CSS and JavaScript involves guiding the agent through context gathering, variant generation, and local verification, ensuring the final HTML file is cohesive and handoff-ready.

Does this approach support local verification for HTML artifacts produced in CLI or API workflows?

Local verification is supported for HTML artifacts produced in CLI or API workflows, allowing users to validate the self-contained HTML file with embedded CSS and JS directly in their offline or hosted-repo environment.

What are the limitations of using an automated design workflow for one-off HTML artifacts?

A limitation of using an automated design workflow for one-off HTML artifacts is that it is specifically tailored for CLI/API environments, meaning it may not integrate seamlessly with visual hosted design platforms requiring direct GUI manipulation.

When do I need a self-contained HTML file with embedded styling for agent-generated prototypes?

You need a self-contained HTML file with embedded styling for agent-generated prototypes when operating in offline or hosted-repo environments where external dependencies cannot be loaded and local verification is required.