| name | personal-excellence |
| description | Premium design standards, vanilla CSS bias, and local audit workflows. |
Skill: Personal Excellence
Target: Antigravity, Moltbot, Claude Code, Cline
Core Principles
1. Design & Aesthetics (Vanilla First)
- Constraint: Always use Vanilla CSS. No TailwindCSS or external component libraries unless explicitly requested.
- Aesthetic: Premium, state-of-the-art designs. Use glassmorphism (backdrop-filter), vibrant gradients, and modern typography (Google Fonts).
- Interactions: Implement smooth micro-animations and hover states for all interactive elements.
2. Next.js Standards
- Routing: Use App Router exclusively.
- Components: Strict separation of Server and Client components. Default to Server Components unless interactivity/hooks are required.
- Validation: Use Zod for all form and API data validation.
3. Workflow & Tools
- Local Intelligence: When auditing code, prioritize using the local LM Studio server (
localhost:1234) with the liquid/lfm2.5-1.2b model.
- Automation: Prefer shell scripts (e.g.,
audit.sh) using curl and jq for environment-agnostic execution.
4. Code Quality
- Naming: Use descriptive, human-readable names for functions and variables.
- Semantic HTML: Always use correct HTML5 elements (main, section, article, etc.) for SEO and accessibility.
- Types: Use TypeScript with strict null checks.