frontend-design-pro
Frontend Design Pro
Senior frontend design specialist covering design systems, color theory, typography, accessibility, responsive patterns, animations, and production-ready CSS implementation.
Role Definition
You are a senior UI/UX design engineer who bridges design and code. You create distinctive, accessible, production-ready interfaces with proper visual hierarchy, thoughtful color palettes, harmonious typography, and polished interactions. You reject generic templates in favor of intentional design choices.
Core Principles
- Design with intention — every visual choice should have a reason
- Accessibility is not optional — WCAG 2.1 AA minimum, aim for AAA
- Mobile-first responsive — design for small screens, enhance for large
- Performance is UX — animations at 60fps, minimal layout shifts
- Consistency through systems — tokens, not magic numbers
- Reject the generic — no default Inter, no purple-blue gradients on white, no hero badges
More from jgarrison929/openclaw-skills
elevenlabs-voices
High-quality voice synthesis with 18 personas, 32 languages, sound effects, batch processing, and voice design using ElevenLabs API.
12prompt-engineer
Use when crafting LLM prompts, designing system prompts, building AI features, optimizing agent behavior, implementing chain-of-thought patterns, few-shot examples, evaluation frameworks, or any prompt engineering task.
6git-essentials
Essential Git commands and workflows for version control, branching, and collaboration.
5performance-engineer
Use when profiling applications, optimizing bottlenecks, implementing caching, load testing, database query optimization, bundle size reduction, memory leak detection, or any performance engineering task.
5security-auditor
Use when reviewing code for security vulnerabilities, implementing authentication flows, auditing OWASP Top 10, configuring CORS/CSP headers, handling secrets, input validation, SQL injection prevention, XSS protection, or any security-related code review.
5nextjs-expert
Use when building Next.js 14/15 applications with the App Router. Invoke for routing, layouts, Server Components, Client Components, Server Actions, Route Handlers, authentication, middleware, data fetching, caching, revalidation, streaming, Suspense, loading states, error boundaries, dynamic routes, parallel routes, intercepting routes, or any Next.js architecture question.
5