Frontend development standards for Ellie's projects. Use when building frontend interfaces, components, pages, or applications. Enforces tech stack preferences (Leptos > HTMX/SolidJS > React, modern vanilla CSS, no Tailwind) and accessibility-first development. Always apply these standards unless they conflict with an existing project's established patterns.
Enforces Ellie's frontend standards: Leptos/HTMX over React, modern vanilla CSS (never Tailwind), and accessibility-first development. Triggers when building UI components, pages, or interfaces.
/plugin marketplace add wizzeh/skills/plugin install wizzeh-ellies-skills@wizzeh/skillsThis skill inherits all available tools. When active, it can use any tool Claude has access to.
Consistency trumps these guidelines. If working in an existing project with established patterns, follow those patterns even if they contradict the preferences below.
Use modern vanilla CSS. Take advantage of:
:has(), :is(), :where() selectorsclamp() for fluid typography and spacingNever use Tailwind. No exceptions.
Defer to the frontend-design skill for visual design guidance (typography, color, motion, layout aesthetics).
Accessibility is a priority, not an afterthought:
<button>, <nav>, <main>, <article>, etc.)prefers-reduced-motion