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.

pbakaus

First: Use the frontend-design skill for design principles and anti-patterns.

pbakaus

Conduct a holistic design critique, evaluating whether the interface actually works—not just technically, but as a designed experience. Think like a design director giving feedback.

pbakaus

Run systematic quality checks and generate a comprehensive audit report with prioritized issues and actionable recommendations. Don't fix issues - document them for other commands to address.

pbakaus

Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.

pbakaus

Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.

pbakaus

Identify and fix performance issues to create faster, smoother user experiences.

pbakaus

Identify and improve unclear, confusing, or poorly written interface text to make the product easier to understand and use.

pbakaus

Strategically introduce color to designs that are too monochromatic, gray, or lacking in visual warmth and personality.

pbakaus

Analyze and redesign the feature to perfectly match our design system standards, aesthetics, and established patterns.

pbakaus

Gather design context for this project, then persist it for all future sessions.

pbakaus

Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences.

pbakaus

Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences.

pbakaus

Remove unnecessary complexity from designs, revealing the essential elements and creating clarity through ruthless simplification.

pbakaus

Identify reusable patterns, components, and design tokens, then extract and consolidate them into the design system for systematic reuse.

pbakaus

Strengthen interfaces against edge cases, errors, internationalization issues, and real-world usage scenarios that break idealized designs.

pbakaus

Create or improve onboarding experiences that help users understand, adopt, and succeed with the product quickly.

pbakaus

Reduce visual intensity in designs that are too bold, aggressive, or overstimulating, creating a more refined and approachable aesthetic without losing effectiveness.

pbakaus

No summary provided by upstream source.

pbakaus

No summary provided by upstream source.

pbakaus

No summary provided by upstream source.

pbakaus

No summary provided by upstream source.

pbakaus

No summary provided by upstream source.

pbakaus