PR Custody

PRPR Custody

Add Design Principles skill for enterprise UI craft

@Dammyjay93checks…add-design-principles-skill → master2 files · +122 −0updated 4mo ago

GitHub

▸Description

Summary

This PR contributes the Design Principles skill to the awesome-claude-skills repository.

What This Skill Does

The Design Principles skill enforces precise, minimal design systems inspired by Linear, Notion, and Stripe. It teaches Claude to create polished dashboards, admin interfaces, and enterprise software with intentional personality and pixel-perfect craft.

Key Capabilities

Context-driven design direction — Guides through 6 personality archetypes (Precision & Density, Warmth & Approachability, Sophistication & Trust, etc.) based on product context
Enforces craft standards — 4px grid system, symmetrical padding, consistent border radius
Intentional depth strategies — Borders-only, single shadows, or layered shadows with clear reasoning
Typography and spacing hierarchy — Four-level contrast systems, variable font weights, monospace for data
Prevents generic AI aesthetics — Every interface has appropriate personality while maintaining professional quality

Real-World Problem Addressed

Enterprise software and SaaS products often suffer from generic, poorly-crafted interfaces that lack intentional design. This skill ensures every UI component is thoughtfully designed with:

Appropriate personality for the product context
Pixel-perfect spacing and alignment
Consistent, cohesive design systems
Professional polish that reflects craft

Testing

This skill has been extensively used in production to build:

Analytics dashboards with data-first layouts
Admin interfaces with dense, scannable grids
Collaborative tools with warm, approachable aesthetics
Developer tools with precision and utility focus
Financial applications with sophisticated, trustworthy design

Checklist

Skill solves a real problem based on actual usage
Includes clear documentation with instructions and examples
Provides practical, real-world use cases
Follows the repository's folder structure (design-principles/SKILL.md)
Added to README.md alphabetically in Creative & Media category
Includes proper attribution (inspired by Linear, Notion, Stripe, Vercel)

Attribution

Inspired by the design systems of Linear (precision and density), Notion (warmth and approachability), Stripe (sophistication and trust), and Vercel (boldness and clarity).

This skill synthesizes principles from companies known for exceptional interface craft, making enterprise-grade design accessible through Claude.

loading diff…