ui-design
UI Design Skill
Practical design principles for creating professional, polished user interfaces without formal design training.
Core Philosophy
Design is not about artistic talent—it's about making deliberate decisions. Focus on these fundamentals:
- Visual hierarchy - Guide attention to what matters
- Spacing systems - Create consistent rhythm
- Constraint-based design - Limit choices to speed decisions
Starting a Design
Feature First, Not Layout
Never start with the shell (navbar, sidebar). Start with actual functionality:
- Design the core feature first (e.g., search form, not the page layout)
More from futuregerald/futuregerald-claude-plugin
adonisjs-best-practices
Use when building AdonisJS v6 applications, implementing features in AdonisJS, or reviewing AdonisJS code. Covers routing, controllers, validation, authentication, database patterns, testing, and error handling.
161baoyu-article-illustrator
Smart article illustration skill. Analyzes article content and generates illustrations at positions requiring visual aids with multiple style options. Use when user asks to "add illustrations to article", "generate images for article", or "illustrate article".
16turso-best-practices
Turso and libSQL best practices for SQLite-compatible cloud database development with edge distribution, embedded replicas, and vector search.
15better-auth-best-practices
Skill for integrating Better Auth - the comprehensive TypeScript authentication framework.
12javascript-testing-patterns
Comprehensive JavaScript/TypeScript testing patterns for Jest, Vitest, and AdonisJS/Japa. Use when writing tests, reviewing test code, or debugging test failures.
12code-simplifier
Simplifies and refines code for clarity, consistency, and maintainability while preserving all functionality. Focuses on recently modified code unless instructed otherwise.
12