claude-design

Design one-off HTML artifacts like landing pages, decks, and prototypes.

2|Updated Jun 8, 2026

Search Tags:#design #ui #html #prototyping #ux #artifact #deck

Ready to run

npx skills add https://github.com/vikrant-project/devil-agent-ai-platform --skill claude-design-vikrant-project

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/vikrant-project/devil-agent-ai-platform/tree/main/agent_core/skills/creative/claude-design
Command: npx skills add https://github.com/vikrant-project/devil-agent-ai-platform --skill claude-design-vikrant-project

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides the ability to design one-off HTML artifacts, such as landing pages, decks, and prototypes, within a CLI/API environment, leveraging Claude Design's design process and taste.

Core Features & Use Cases

Design Process and Taste: Offers Claude Design's design process and taste for creating HTML artifacts.
CLI/API Compatibility: Preserves Claude Design's design behavior and taste without hosted-tool plumbing.
Use Case: Ideal for agents running in a CLI/API environment that require design work typically done in Claude Design's web UI.

Quick Start

Use the claude-design skill to create a landing page design 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 HTML landing pages or presentation decks from a CLI or API environment?▼

To generate HTML landing pages or decks, this Skill applies a structured design process to produce one-off artifacts directly within CLI or API environments. It adapts web UI design behaviors for automated pipelines.

Can I create interactive prototypes and static visual comparisons without a hosted design tool?▼

Yes, you can create interactive prototypes and static visual comparisons without a hosted tool. The Skill integrates design system and style guide logic to output standalone HTML artifacts.

What is the best way to integrate a design system into automated HTML artifact generation?▼

The best way to integrate a design system is by applying the built-in design process and taste logic. This ensures generated HTML artifacts, such as prototypes and decks, strictly follow your defined style guidelines.

Does this design approach work for agents running in automated CLI/API pipelines?▼

Yes, this design approach works for automated pipelines by preserving web UI design behaviors without requiring hosted-tool plumbing. It allows CLI/API agents to generate styled HTML artifacts independently.

What are the limitations of generating one-off HTML artifacts through an automated agent?▼

A limitation is that it focuses strictly on one-off HTML artifacts like landing pages and decks, relying on the agent's environment to execute scripts and manage assets rather than providing a full hosted design suite.

How do I design a landing page for a new product using an automated agent?▼

You can design a landing page by instructing your automated agent to use the Skill, which will process the request and output a tailored HTML artifact leveraging Claude Design's established taste and process.