claude-design

Design custom HTML artifacts for landing pages, prototypes, and presentations.

1|1|Updated May 9, 2026
One-click install
npx skills add https://github.com/ldzhhxx/Hermes_offline_v2 --skill claude-design-ldzhhxx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/ldzhhxx/Hermes_offline_v2/tree/main/hermes-agent/skills/creative/claude-design
Command: npx skills add https://github.com/ldzhhxx/Hermes_offline_v2 --skill claude-design-ldzhhxx

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill simplifies the creation of one-off HTML artifacts, such as landing pages, prototypes, and decks, by offering a streamlined design process and a focus on user-friendly output.

Core Features & Use Cases

  • Custom HTML Artifacts: Generate tailored HTML designs for various purposes, including landing pages, prototypes, and presentations.
  • Design Flexibility: Offers control over layout, typography, color, and motion to create unique visual experiences.
  • Use Case: When you need a custom design for a new product feature and want to quickly create a high-fidelity prototype without the overhead of setting up a full design tool.

Quick Start

Design a landing page for a new product feature, focusing on the user experience and key messaging.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I create a custom HTML landing page without using complex design tools?

You can create a custom HTML landing page by providing your product messaging and user experience requirements. The Skill generates high-fidelity HTML artifacts directly, eliminating the need to set up or operate complex design tools.

What is the best way to prototype a new product feature in HTML?

The best way to prototype a new product feature in HTML is using a streamlined, user-centric design process. This approach provides high-fidelity results quickly, allowing you to focus on layout, typography, color, and motion for unique visual experiences.

Can I customize the layout and typography for my HTML presentations?

Yes, you can fully control layout, typography, color, and motion for your HTML presentations. The Skill offers design flexibility to generate tailored HTML artifacts that match your specific visual experience requirements.

Do I need any external dependencies to design custom HTML artifacts?

No external dependencies are required to design custom HTML artifacts. The Skill operates independently using its internal scripts, references, and assets to deliver high-fidelity designs for one-off use cases like decks and prototypes.

When should I use a custom HTML design approach over a full design tool?

You should use a custom HTML design approach when you need a high-fidelity prototype or landing page for a new product feature and want to avoid the overhead of setting up a full design tool. It simplifies the creation of one-off HTML artifacts.