devlyn:team-design-ui
CommunityGenerate five distinct UI design styles with a specialist team.
Design & Creative#accessibility#design systems#ui design#interaction design#html prototypes#visual style exploration#reference replication
Authorfysoul17
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill turns a product brief into multiple radically different, portfolio-worthy UI style explorations without relying on a single designer’s perspective.
Core Features & Use Cases
- Design-team collaboration: Orchestrates a Creative Director, Product Designer, Visual Designer, Interaction Designer, and Accessibility Designer to produce 5 distinct HTML UI style explorations.
- Brief and spec ingestion: Uses PRD/product context from provided input or falls back to docs like
docs/prd.md,docs/product-spec.md, orREADME.md. - Reference-image replication: If image references are provided, it shifts to precise style replication (colors, typography, layout rhythm, effects) across the design set with controlled variations.
- Style-to-system workflow: After selecting a style, guides the next steps to extract a design system and implement the chosen UI.
Quick Start
Provide a design brief and any reference images, then ask the Skill to assemble a design team and produce five distinct HTML UI style explorations.
Dependency Matrix
Required Modules
None requiredComponents
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: devlyn:team-design-ui Download link: https://github.com/fysoul17/ian-on-v1/archive/main.zip#devlyn-team-design-ui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.