Design & UX

Stop coding agents from shipping generic UI. Extend the product's design system, use UIZZE evidence only when useful, cover required states, and inspect the rendered result.

Reviews SwiftUI code for best practices on modern APIs, maintainability, and performance. This skill should be used when the user asks to review SwiftUI code, check for deprecated iOS/macOS APIs, validate data flow patterns, or audit accessibility compliance in Swift projects.

Programmatic video creation in React with Remotion. Use this skill whenever the user writes Remotion, npx create-video, remotion studio/render/still, useCurrentFrame/interpolate/Sequence, Composition, Mediabunny, or any React-driven video/animation/caption/motion-graphics task — including scaffolding a project, writing markup, rendering/exporting (incl. transparent), adding captions/subtitles, making Studio-editable animations, building a Remotion SaaS (Player/Lambda/Vercel/Cloudflare), or ge...

User-invoked, cross-discipline interface review that coordinates six domain references: accessibility, layout, writing, typography, colors, and ui. Use when explicitly invoked for a holistic review of a screen, flow, feature, or product interface. Supports quick and full review modes. Triggers on better-interface, full interface review, holistic UI audit, cross-discipline design review, review the whole interface.

READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graphic — a promo, explainer, captioned clip, title card, overlay, slideshow / interactive deck, or any composition. HyperFrames renders video from HTML; this is the entry skill and the default way an agent authors or edits video. It routes the request to the right specialized workflow and points to the HyperFrames domain skills, so read it before any other video or animation skill instead ...

Use this skill when applying Gamut typography tokens — font family, font size, line height, or semantic font weight (including the `fontWeight="title"` difference between Core 700 and Percipio/LX 500). See `gamut-system-props` for system.typography props.

'YouTube thumbnail design with specific dimensions, contrast rules, and

Bootstrap, develop, and design modern WinUI 3 desktop applications with

'Declarative UI widgets from JSON for React/Next.js from ui.inference.sh.

Review UI code for Web Interface Guidelines compliance. Use when asked

Master React, Vue, and Svelte component patterns including CSS-in-JS,

Apply typography, color theory, spacing systems, and iconography principles

Community provided skill

'UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings,

Create interface designs, wireframes, and design systems. Masters user

Create beautiful, accessible user interfaces with shadcn/ui components

Generate beautiful interactive timeline HTML pages from JSON data, with vertical, horizontal, or dual-side layouts, collapsible details, and custom colors. Ideal for project milestones, company histories, or resumes.

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use

Three.js geometry creation - built-in shapes, BufferGeometry, custom

Structured messaging protocols for agent team communication including

Tailwind CSS v4 principles. CSS-first configuration, container queries,

Build scalable design systems with Tailwind CSS, design tokens, component

'Tailwind CSS 4 patterns and best practices. Trigger: When styling with

'Film and video storyboarding with shot vocabulary, continuity rules,