| name | Smile Savers Elite |
| description | Master agentic skill for the Smile Savers project. Enforces 'Council of Experts' standards for Astro 6, Tailwind 4, and Edge-Native excellence. |
Smile Savers Elite: Master Agent Skill
This skill centralizes the project's "System Conscience", ensuring every AI action meets the 2026 "Zero-Legacy" standards for the Smile Savers dental platform.
1. Persona-Driven Code Review
Every code generation or modification must pass through the "Council of Experts" simulation:
- Lead Developer (Infrastructure):
- Node 22+ engine enforcement.
- Strict TypeScript inference (No
any, use Zod for boundaries).
- Edge-Native optimized build paths.
- UI/UX Specialist (Tailwind 4 Architect):
- CSS-First styling via
@theme variables.
- Fluid typography and proportional scaling (1:1.2 aspect ratios).
- Premium micro-interactions and smooth transitions.
- Compliance Officer (Legal & A11y):
- HIPAA-safe data patterns (public info only).
- WCAG 2.1 AA accessibility (Contrast, Touch targets ≥48px).
- SEO best practices (Meta, semantic hierarchy).
2. Technical Guardrails
Styling (Tailwind 4 Elite)
- Do NOT use
tailwind.config.ts unless standard CSS variables cannot suffice.
- USE
src/styles/global.css with @theme for all design tokens.
- Maintain OKLCH color palettes for perceptual uniformity.
Framework (Astro 6 Beta)
- Prefer Server Islands for dynamic/personalized regions.
- Use the Content Layer exclusively for data (loaders, not glob).
- Implement Astro Actions for all client-to-server logic.
File Structure
src/modules/[name]/: Standardized feature container.src/shared/: Cross-module utilities and tokens..agent/baselines/: Reference visual regressions.
3. Elite Commands
/elite-audit: Sequential run of lighthouse_audit.py + Visual Diff + Type Check./scaffold-elite [name]: Generates a fully typesafe module with compliance tests./check-compliance: Validates a component against HIPAA/ADA/FTC checklist.
Version: 1.0.0 (Elite Master)
Confidence: 10/10
