Skills
.Work. You
Rest

ba-ui-layout-gen

Community

IA design and HTML prototype from Brand Guideline

Design & Creative#layout#ux-design#ia#information-architecture#use-cases#html-prototype#brand-guideline
AuthorYukine5377
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The Skill helps design teams translate Brand Guideline and Use Case lists into a clear Information Architecture and a shareable HTML prototype for early validation before detailed FE work.

Core Features & Use Cases

  • IA Design: Analyze inputs to craft navigation, layout regions, and Use Case groupings for a coherent layout skeleton.
  • Prototype Generation: Produce a master HTML prototype with placeholder content reflecting the IA for user review.
  • Brand Conformance: Apply Brand Guideline colors and typography to ensure visual alignment.

Quick Start

Provide Brand Guideline and Use Case list, then run the skill to generate a master IA and a static HTML prototype for review.

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: ba-ui-layout-gen
Download link: https://github.com/Yukine5377/common/archive/main.zip#ba-ui-layout-gen

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.