doc-visual-direction
OfficialDefine a coherent visual language before building.
Design & Creative#typography#design system#iconography#visual direction#motion profile#surface rules#product identity
AuthorTimeKast
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents products from shipping with generic, mismatched UI by choosing a clear visual language early in discovery and documentation.
Core Features & Use Cases
- Visual language decision: selects a product posture (precision/warmth/density/aspiration) and maps it to a specific skin family recommendation.
- System-level guidance: defines surface behavior (base/panel/overlay), typography posture, iconography tier rules, and motion profile so the UI stays consistent.
- Design risk control: lists anti-patterns to avoid and provides an optional fallback skin when the first choice is not viable.
Quick Start
Use the doc-visual-direction skill to write the visual direction section that will feed project/project/planning/15_DESIGN.md.
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: doc-visual-direction Download link: https://github.com/TimeKast/AgendaInteligente/archive/main.zip#doc-visual-direction 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.