How does this skill handle web accessibility?

It enforces semantic HTML, keyboard navigation, focus management, ARIA best practices, and WCAG AA color contrast minimums as primary requirements.

Does this skill support Tailwind CSS?

No, these standards explicitly prohibit the use of Tailwind in favor of modern, native vanilla CSS to ensure long-term maintainability and reduced dependency overhead.

Will it override my existing project's code style?

No. The core principle of this skill is that consistency trumps guidelines; it will follow established patterns in existing projects even if they differ from these preferences.

What CSS features are recommended?

The skill promotes modern CSS features like custom properties, native nesting, container queries, :has() selectors, and fluid typography using clamp().

Can I use this with React projects?

Yes, although the standards prefer Leptos, HTMX, or SolidJS, React can be used when required by an existing project or a specific request.

Ellie's Frontend Standards

Name: Ellie's Frontend Standards
Author: wizzeh

bywizzeh

Design Tools

Enforces modern frontend development standards focusing on native CSS, accessibility-first design, and high-performance frameworks like Leptos and SolidJS.

About

This skill provides a comprehensive framework for building high-quality frontend interfaces following Ellie's specific development standards. It prioritizes semantic HTML and accessibility-first design while favoring modern technologies like Leptos, HTMX, and SolidJS over traditional stacks. By enforcing native CSS features—such as custom properties, container queries, and native nesting—the skill ensures clean, maintainable code without the overhead of utility-first frameworks like Tailwind. It serves as a guardrail for developers to maintain consistency across projects while delivering accessible, performant, and standards-compliant web applications.

Key Features

Prohibits utility-first CSS frameworks to maintain clean codebase architecture
Enforces native, modern CSS usage including container queries and native nesting
Prioritizes high-performance frameworks like Leptos (Rust), HTMX, and SolidJS
Ensures consistent coding standards across new and existing projects
Strictly implements accessibility-first patterns and WCAG AA compliance
0 GitHub stars

Use Cases

Building accessible and SEO-friendly components using semantic HTML
Migrating projects to modern CSS standards using native variables and grid layouts
Developing Rust-based frontend applications with the Leptos framework

About

Key Features

Prohibits utility-first CSS frameworks to maintain clean codebase architecture
Enforces native, modern CSS usage including container queries and native nesting
Prioritizes high-performance frameworks like Leptos (Rust), HTMX, and SolidJS
Ensures consistent coding standards across new and existing projects
Strictly implements accessibility-first patterns and WCAG AA compliance
0 GitHub stars

Use Cases

Building accessible and SEO-friendly components using semantic HTML
Migrating projects to modern CSS standards using native variables and grid layouts
Developing Rust-based frontend applications with the Leptos framework