ui-ux-reference
OfficialInstantly capture a website's design language for UI/UX reference.
Author2lab-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the problem of manually capturing and documenting a website's design language, allowing you to quickly reference design elements without extensive research.
Core Features & Use Cases
- Automated Design Capture: Extracts color palettes, typography, layout, motion, imagery, and more from any website URL.
- Named References: Stores captured design references in a structured format for easy access and application.
- Use Case: If you are designing a new interface and need to reference the design language of a competitor or a favorite website, this skill can help you capture and apply those design elements with minimal effort.
Quick Start
Capture the design of "https://example.com" and name it "example-site".
Dependency Matrix
Required Modules
None requiredComponents
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: ui-ux-reference Download link: https://github.com/2lab-ai/soma-work/archive/main.zip#ui-ux-reference 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 620,000+ vetted skills library on demand.