skills.rest
nyxoraAI
nyxoraAICOMMUNITY
Explore all skills by this author →
Website𝕏@Nyxora_AIGitHub

claude-design

Generate HTML design artifacts from UX/UI design briefs.

5|2|Updated May 26, 2026
Search Tags:#prototyping#web design#landing pages#UX/UI#HTML design
One-click install
npx skills add https://github.com/nyxoraAI/Nyxora --skill claude-design-nyxoraai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/nyxoraAI/Nyxora/tree/main/packages/core/playbooks/creative/claude-design
Command: npx skills add https://github.com/nyxoraAI/Nyxora --skill claude-design-nyxoraai

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps solve the problem of creating one-off HTML artifacts such as landing pages, prototypes, and decks, focusing on UX/UI design principles.

Core Features & Use Cases

  • Design Artifacts: Generate HTML artifacts like landing pages, prototypes, and decks.
  • UX/UI Focus: Emphasizes user experience and interface design best practices.
  • Use Case: For example, a user can request a landing page design with specific features, and the Skill will produce an HTML file that aligns with the design brief.

Quick Start

Design a landing page for a new web application named "MyApp".

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I generate an HTML landing page from a design brief?▼

To generate an HTML landing page, you provide a clear design brief with your specifications, and the Skill produces an HTML design artifact that aligns with those UX/UI requirements and interactive elements.

What is the best way to create HTML prototypes following UX/UI design principles?▼

The best way to create HTML prototypes with UX/UI principles is to submit a design brief specifying your interactive requirements, which generates a structured HTML artifact emphasizing user experience and interface best practices.

Can I use this to generate web design artifacts for interactive decks?▼

Yes, you can generate web design artifacts for interactive decks by providing brief specifications, which the tool uses to produce HTML files focused on user experience and interface design.

Do I need to provide detailed specifications to generate a landing page design?▼

Yes, you need to provide a clear design brief or detailed specifications so the generator can accurately produce an HTML landing page that aligns with your specific UX/UI requirements.

Why does my generated HTML design artifact need a design brief?▼

Your generated HTML design artifact needs a design brief because the tool requires clear specifications and brief requirements to accurately structure the landing page or prototype according to UX/UI principles.

Related Skills

Explore More Design & Creative Skills→
Quill-AgentQuill-Agent
3

sketch

Generate interactive HTML mockups for UI/UX design exploration.

Community
Intermediate
pedroapp100pedroapp100

frontend-design

Generate production-ready HTML, CSS, and React components for custom frontend designs.

Community
Advanced
lenadlmlenadlm

claude-design

Design custom HTML artifacts with embedded CSS and JavaScript.

Community
Intermediate
519lab519lab
2

claude-design

Designs one-off HTML artifacts such as landing pages, prototypes, and decks.

Official
Advanced