plugins/astro-expert/skills/solid-astro/SKILL.md
Use when applying SOLID principles and clean architecture to Astro projects. Enforces files < 100 lines, src/interfaces/ for types, JSDoc on all exports, modular directory structure, and DRY enforcement.
npx skillsauth add fusengine/agents solid-astroInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Before ANY implementation, use TeamCreate to spawn 3 agents:
After implementation, run fuse-ai-pilot:sniper for validation.
Before ANY implementation:
src/ directory to understand existing architectureBefore writing ANY new code:
src/lib/ for existing utilitiessrc/components/ for existing UI componentssrc/lib/src/interfaces/src/interfaces/ — never in component filessrc/pages/See references/architecture.md, references/file-limits.md, references/solid-principles.md.
| Topic | Reference | When to Consult | |-------|-----------|-----------------| | SOLID principles | solid-principles.md | Architecture decisions | | File limits | file-limits.md | When and how to split files | | Interfaces | interfaces.md | TypeScript type organization | | Architecture | architecture.md | Directory structure | | DRY enforcement | dry-enforcement.md | Avoiding duplication | | JSDoc | jsdoc.md | Documentation standards |
| Template | When to Use | |----------|-------------| | component.md | Astro component with props + JSDoc | | layout.md | Layout component with slots | | service.md | Data fetching service function | | interface.md | TypeScript interface file |
.astro filessrc/pages/ filessrc/lib/ services)any TypeScript typetesting
Copy self-audit and ban-lists — filler verbs/hype adjectives, slop placeholder names, fake-precise numbers, Title Case headlines, humor in error copy ('Oops!'), em-dash crutch, one copy register per page.
development
Logged-in web apps — dashboards, auth flows, settings, onboarding, data tables, command palettes, modals, toasts. Register `product`: density and glance-speed over marketing polish, no hero/CTA-tricks, every data surface covers empty/loading/error explicitly, tables and dataviz follow preattentive-processing rules.
development
Marketing sites, landing pages, campaign pages — register `brand` (design IS the product). Structure comes from the register's POV + a macrostructure pick, never from copying an inspiration site's section flow. Hero discipline, deviated section order, asymmetric grids, and a silhouette lookalike-test gate before ship.
development
Token-strategy core — OKLCH color rules, neutral tinting, accent-commitment levels, type scale, 8pt spacing grid, touch targets, and the canonical output format of design-system.md (the file the harness gates on). This is routing step 1 of design-method/SKILL.md — read it before design-web/design-webapp/design-ios/design-android, before picking or auditing a single color/type/spacing value.