design-md-library
CommunityTurn brand requests into concrete UI direction.
Design & Creative#typography#ui design#spacing#visual direction#brand styling#design system guidance#interface critique
Authorpanamini
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Designers and builders often struggle to translate vague brand vibes into actionable, component-level UI guidance, which leads to inconsistent visuals and extra iteration.
Core Features & Use Cases
- Brand-to-UI translation: Converts a named aesthetic (e.g., Stripe/Notion/Apple) into practical direction for spacing, typography, color roles, and interaction patterns.
- Scoped reference usage: Guides you to consult only the relevant design pack’s
DESIGN.mdfirst, with previews only when you need a faster visual check. - Non-copy guidance: Helps you reuse visual language without copying brand assets or implying official compliance.
Quick Start
Use the design-md-library skill to generate UI direction by matching the requested brand to its closest available pack and adapting its component and layout rules to your target product.
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: design-md-library Download link: https://github.com/panamini/pi-tooling/archive/main.zip#design-md-library 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.