design▌

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

CSS-first design system framework for Tailwind v4 with tokens, components, and responsive patterns. \n \n Migrates configuration from tailwind.config.ts to CSS @theme blocks with native CSS variables, OKLCH color spaces, and @custom-variant for dark mode \n Provides production-ready component patterns including CVA-based variants, compound components, form controls, grids, and animations using native @keyframes and @starting-style \n Includes design token hierarchy (brand → semantic → component)

Create, test, and iteratively improve AI agent skills with structured evaluation and benchmarking. \n \n Guides you through the full skill development lifecycle: intent capture, drafting, test case creation, evaluation, and iteration based on user feedback \n Runs parallel test cases with and without the skill to measure impact, capturing timing and token usage for quantitative comparison \n Generates an interactive browser-based reviewer showing outputs, qualitative feedback, and benchmark metr

You are an expert in UX design principles for software development. Apply these guidelines when designing or reviewing user experiences.

Master Brad Frost's Atomic Design methodology (extended with quarks) for building scalable, maintainable component-based user interfaces. This skill covers the core hierarchy, principles, and organization strategies for modern design systems.

Create genre-appropriate book covers with AI image generation via inference.sh CLI.

Anti-slop frontend skill for creating unique landing pages and portfolios.

Create distinctive, production-grade static sites from text requirements alone. No mockups, no Figma — just describe what you want and get bold, memorable designs.

Production pipeline for creating mathematical animations with Manim.

Modern web design in 2024-2025 emphasizes performance, accessibility, and meaningful interactions. This skill provides comprehensive guidance on current design trends, implementation patterns, and best practices for creating engaging, accessible, and performant web experiences.