Skill UI

This skill provides direction and intent for frontend design tasks. It helps define purpose, tone, domain, color world, and review criteria before coding. It incorporates cross-domain principles from cinema, architecture, marketing, UX, and automotive design to create memorable interfaces. Use it alongside the design skill to ensure intentional craftsmanship, proper loading order, and visual hierarchy. Focus on restraint, negative space, and signature elements rather than excessive intensity.

A comprehensive guide for implementing the "More is More" aesthetic. This style thrives on sensory overload, clashing neon colors, complex layered gradients, and chaotic typography mixes. Use this when the design needs to feel vibrant, intense, and visually dense, perfect for attention-grabbing web or app interfaces.

Install the pinned Beatra AI Music Generator package to turn themes, lyrics, or reference audio into songs, instrumentals, and soundtracks inside Claude Code, Codex, or Cursor, using paid hosted rendering with verified download and review steps.

Design and build all UI states agents forget: first use, empty, loading, error, offline, no results, long content, permission denied, and success. Use when making screens production-ready and handling edge cases.