web-designer-moderno

What problem does it solve?

The modern web design skill enables agents to craft fast, accessible, SSR-ready interfaces using QwikJS and Tailwind CSS for high-performance, inclusive web apps.

Core Features & Use Cases

• Hybrid CSS Rule to enforce a clean separation between utility-driven styling and custom CSS variables, preventing PostCSS build issues.
• SSR-First Components designed for native QwikJS SSR with optimal serialized state and zero-redirect warmups.
• Accessibility-First guidance to meet WCAG AA/AAA, including ARIA labels, semantic HTML, and keyboard focus management.
• Theme Persistence using cookies to maintain dark/light mode across sessions.

Quick Start

Create a responsive header component in Qwik using Tailwind utilities, apply the Hybrid CSS Rule, ensure dark/light theme persistence via a cookie, and validate accessibility with ARIA attributes. Then run bun run lint, bun run build, and bun run test to verify green results.