skills.rest
aayushsoam
aayushsoamCOMMUNITY
Explore all skills by this author →
GitHub

claude-design

Design custom HTML artifacts like landing pages, prototypes, and decks via CLI/API.

1|1|Updated May 25, 2026
Search Tags:#design#ui#html#prototype#ux#artifact#deck
One-click install
npx skills add https://github.com/aayushsoam/clawbot-agent --skill claude-design-aayushsoam
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/aayushsoam/clawbot-agent/tree/main/skills/creative/claude-design
Command: npx skills add https://github.com/aayushsoam/clawbot-agent --skill claude-design-aayushsoam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill allows users to design one-off HTML artifacts, such as landing pages, prototypes, and decks, without needing a web UI.

Core Features & Use Cases

  • Design HTML Artifacts: Create custom HTML landing pages, prototypes, and decks.
  • CLI/API Mode: Use the skill in CLI/API environments without the hosted Claude Design web UI.
  • Use Case: When you need a custom landing page or a prototype for a product but don't have access to a web UI.

Quick Start

Use the claude-design skill to create a landing page for a new product.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I generate custom HTML artifacts without a web UI?▼

To generate custom HTML artifacts without a web UI, you can use a CLI or API interface to design landing pages, prototypes, and decks on the fly. This allows you to create one-off designs locally without needing a hosted web interface.

Can I use this to build a landing page prototype from the command line?▼

Yes, you can build a landing page prototype from the command line. The skill supports creating custom HTML prototypes and landing pages by operating entirely within CLI or API environments, bypassing the need for a visual web UI.

What is needed to design HTML prototypes in a CLI environment?▼

To design HTML prototypes in a CLI environment, you need local HTML, CSS, and JS editing capabilities. The skill provides the design process and taste guidance, but you must have a local environment capable of editing and rendering these files.

Does the skill provide guidance on defining a design system for my artifacts?▼

Yes, the skill provides guidance on defining a design system for your artifacts. Alongside generating custom HTML, it offers taste guidance, design system definition, and artifact verification to ensure your prototypes and decks meet specific design standards.

What are the limitations of designing HTML artifacts via API?▼

The primary limitation of designing HTML artifacts via API is the requirement for local HTML, CSS, and JS editing capabilities. You must manage the file editing and rendering environment yourself, as the skill does not provide a hosted web UI for visual editing.

Is this approach better for one-off HTML decks or full web applications?▼

This approach is better suited for one-off HTML decks, landing pages, and prototypes rather than full web applications. It is designed specifically to create custom HTML artifacts quickly and easily without the overhead of a full web UI or complex application architecture.

Related Skills

Explore More Design & Creative Skills→
ashiqcodeleafashiqcodeleaf

claude-design

Generate self-contained HTML artifacts with embedded CSS/JS for design purposes.

Community
Intermediate
Monjyu1101Monjyu1101
1

claude-design

Translate Claude Design prompts into self-contained HTML prototypes for CLI/API workflows.

Community
Advanced
srivtxsrivtx

claude-design

Create HTML artifacts through a structured design process with iterative refinement.

Community
Advanced
narcisolcfnarcisolcf

generative-art-engine

Generate self-contained p5.js HTML art artifacts from an Algorithmic Philosophy.

Community
Advanced