frontend-design
Frontend Design Skill
Objective
Guide creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices that create memorable user experiences.
When to Use This Skill
Invoke when:
- Building new web components, pages, or applications
- User requests distinctive or creative design
- Creating landing pages or marketing sites
- Developing design-forward applications
- Need to avoid generic/template aesthetics
- Building portfolio or showcase projects
Design Philosophy
Core Principle: Bold Intentionality
More from atman36/ai-vibe-prompts
nextjs-optimization
Optimize Next.js 15 applications for performance, Core Web Vitals, and production best practices using App Router patterns
68codebase-analysis
Systematically analyze codebase structure, complexity, dependencies, and architectural patterns to understand project organization
23testing-strategy
Comprehensive testing strategy using Vitest for unit/integration tests and Playwright for E2E tests with best practices and coverage targets
14quality-gates
Run comprehensive quality checks including linting, type checking, tests, and security audits before commits or deployments
11git-workflow
Git best practices for commits, branches, pull requests, and collaboration workflows following Conventional Commits and GitFlow patterns
9