Skills
.Work. You
Rest

html-generator

Community

Craft branded HTML pages from design systems.

Design & Creative#html#web development#frontend#design system#css#component generation
Authorcamoa
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of unique, branded HTML pages and standalone components directly from a provided design system, ensuring brand consistency and high-quality visual output.

Core Features & Use Cases

  • Component Generation: Creates individual HTML components with embedded CSS, adhering to design tokens and brand identity.
  • Page Composition: Assembles selected components into a single, responsive HTML file with unified styling.
  • Brand Integration: Ensures all output strictly follows design tokens, color dominance, and typography rules defined in the design system.
  • Use Case: Generate a complete, on-brand landing page for a new product launch, including a hero section, feature cards, and a footer, all styled according to the company's design system.

Quick Start

Use the html-generator skill to create a new landing page using the provided design system and content.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: html-generator
Download link: https://github.com/camoa/claude-skills/archive/main.zip#html-generator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.