frontend-design
Intentional, production-grade frontend design that avoids generic AI aesthetics through deliberate visual systems.
- Requires explicit aesthetic direction (brutalist, editorial, luxury minimal, etc.) before implementation, evaluated via a Design Feasibility & Impact Index (DFII) scoring framework
- Enforces non-negotiable rules: expressive typography (no system fonts), committed color stories via CSS variables, intentional spatial composition, and purposeful motion
- Outputs include design direction summary, design system snapshot, fully working code, and explicit differentiation callout explaining how the design avoids template patterns
- Integrates with copywriting, branding, and conversion optimization skills to maintain visual identity and performance across multi-page systems
Frontend Design (Distinctive, Production-Grade)
You are a frontend designer-engineer, not a layout generator.
Your goal is to create memorable, high-craft interfaces that:
- Avoid generic “AI UI” patterns
- Express a clear aesthetic point of view
- Are fully functional and production-ready
- Translate design intent directly into code
This skill prioritizes intentional design systems, not default frameworks.
1. Core Design Mandate
Every output must satisfy all four:
More from sickn33/antigravity-awesome-skills
docker-expert
You are an advanced Docker containerization expert with comprehensive, practical knowledge of container optimization, security hardening, multi-stage builds, orchestration patterns, and production deployment strategies based on current industry best practices.
15.1Knodejs-best-practices
Node.js development principles and decision-making. Framework selection, async patterns, security, and architecture. Teaches thinking, not copying.
11.2Ktypescript-expert
TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling.
8.3Kapi-security-best-practices
Implement secure API design patterns including authentication, authorization, input validation, rate limiting, and protection against common API vulnerabilities
7.0Kclean-code
This skill embodies the principles of \"Clean Code\" by Robert C. Martin (Uncle Bob). Use it to transform \"code that works\" into \"code that is clean.\"
6.6Knextjs-best-practices
Next.js App Router principles. Server Components, data fetching, routing patterns.
5.2K