Skills
.Work. You
Rest

anchor-prototype-wave

Community

Generate high-fidelity HTML prototypes from visual anchors and page lists.

Design & Creative#html#prototyping#prototype generation#prototype#ui/ux design
AuthorSensLiao
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of high-fidelity HTML prototypes from visual anchors and page lists, saving time and reducing manual effort in UI/UX design.

Core Features & Use Cases

  • Prototype Generation: Converts visual anchors and page lists into interactive HTML prototypes.
  • Parallel Subagent Execution: Runs multiple subagents in parallel for efficient processing.
  • Verification: Performs deterministic validation and LLM grading for quality control.
  • Cross-AI Review: Includes optional AI review for additional validation.
  • Use Case: Ideal for teams developing UI/UX designs, where rapid prototyping and quality assurance are essential.

Quick Start

Use the anchor-prototype-wave skill to generate prototypes from the visual anchor 'C5 Base v2' and the page list 'myproject/pages.md', saving the output to 'ui-lab/my-prototypes/'.

Dependency Matrix

Required Modules

codex@openai-codexux-principlestaste-skillprototyping-ui-directionsai-regression-testingluxury-editorial-site-buildergrill-with-docs

Components

scriptsreferencesassets

💻 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: anchor-prototype-wave
Download link: https://github.com/SensLiao/Claude-code-setting/archive/main.zip#anchor-prototype-wave

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