app-design-directions
CommunityCreate distinctive app design systems through exploration
Design & Creative#design system#design tokens#product design#ui design#mockups#visual direction#app interface
Authormckissinger
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps product teams avoid generic AI-designed interfaces by creating a structured process for discovering, comparing, and converging on a purposeful application design system.
Core Features & Use Cases
- Design Direction Exploration: Investigates an application, defines a design brief, and creates multiple distinct visual directions with clear tradeoffs.
- Mockup and System Convergence: Builds throwaway comparison mockups, captures user decisions, and transforms the chosen direction into a durable component and token-based workbench.
- Use Case: A SaaS team redesigning its dashboard can use this Skill to explore several UI systems, compare realistic screens using their own product data, select a direction, and establish reusable design tokens and components.
Quick Start
Use the app-design-directions skill to explore three distinct UI directions for my application, create comparison mockups, and build the selected design system.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: app-design-directions Download link: https://github.com/mckissinger/keel/archive/main.zip#app-design-directions 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 545,000+ vetted skills library on demand.