Skills
.Work. You
Rest

design-html

Community

Turn AI mockups into production-ready HTML/CSS.

Design & Creative#automation#html#frontend#css#design-to-code#design-html#pretext
Authorbananaduck1
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Converts approved design mockups into production-ready Pretext-native HTML/CSS. Text reflows, computed heights, and dynamic layouts are generated with minimal overhead and zero dependencies.

Core Features & Use Cases

  • Design finalization: takes an approved AI mockup from /design-shotgun and generates production-quality HTML/CSS.
  • Responsive, text-aware layouts: ensures content reflows correctly across breakpoints.
  • Smart API routing: selects appropriate design patterns for each type of mockup.

Quick Start

Run the design-html skill to generate a production HTML/CSS file from an approved mockup in /design-shotgun.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: design-html
Download link: https://github.com/bananaduck1/storylab/archive/main.zip#design-html

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 471,000+ vetted skills library on demand.