Design & UX

This prompt instructs the AI to produce a photorealistic, minimalist horror movie poster in a vertical print-ready format, shot from a perfectly top-down perspective with strict symmetry and high-contrast lighting. The result is a centered composition of a ballerina in a wide circular white tutu against a pure black void, with the subject’s real face and hair preserved exactly as provided, a subtle red stain on the dress for psychological tension, and clean red title typography (“ABIGAIL”) an...

This prompt instructs the AI to generate a 3D icon of a specified item, matching the visual style of a provided reference image, and to output the icon with a transparent background. The result is a clean, style-consistent 3D asset suitable for UI, branding, or design use without any background layer.

The prompt instructs the AI to restyle a provided image into a 2000s Cartoon Network–inspired look reminiscent of Foster’s Home for Imaginary Friends, converting subjects into simplified, playful characters with exaggerated expressions, bold outlines, flat shapes, and vivid solid colors. It also directs the AI to reduce or stylize the background using minimal flat patterns or textures so the final output reads like a whimsical, graphic animation frame rather than a realistic scene.

This prompt instructs an AI to generate a square, high-resolution, cinematic album-cover portrait set outdoors on a sunlit coast, keeping the subject’s face and proportions intact while applying warm golden-hour lighting, a clear blue-sky backdrop with distant seagulls, and a light beige Polaroid-style border with subtle film grain. It also specifies the exact typography layout—a large handwritten white “1989” title at the top with a smaller serif subtitle using the provided name—resulting in...

This prompt directs the AI to act as a seasoned retail interior designer and generate 10 distinct, fully formed design concepts for a specific type of store, each aligned to a chosen aesthetic, audience, dominant color preference, desired emotional atmosphere, and intended in-store activities. For every concept, the AI delivers a consistent set of details—theme inspiration, a coordinated color palette, a functional spatial layout, recommended materials and textures, and a signature standout f...

Analyzes web applications for mobile responsive design issues including touch targets, typography, breakpoints, navigation, images, and performance. Provides file-by-file tactical recommendations and implements fixes for Next.js 15, Tailwind CSS 4, Radix UI, and shadcn/ui projects. Use when auditing mobile UX, optimizing responsive layouts, or ensuring mobile-first best practices.

One sentence - what this skill does and when to invoke it

Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices

Review UI code for design system compliance, accessibility, and best practices

Generate a new UI component following the StyleSeed design conventions

Audit a component or page for accessibility issues and fix them

Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.

Use when creating clean editorial interfaces with warm monochrome palettes, crisp borders, restrained motion, and flat bento layouts.

Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.

Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.

Apple Human Interface Guidelines for platform-specific design.

Apple Human Interface Guidelines interaction and UX patterns.

Apple Human Interface Guidelines design foundations.

Apple Human Interface Guidelines for content display components.

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch.

Design and implement a distinctive frontend within the product’s existing brand, accessibility, performance and framework constraints.

Direction and intent for frontend design. Use with design when defining purpose, tone, domain, color world, and review bar; includes cross-domain lens from cinema, architecture, marketing, UX, automotive, industrial design.

Mechanical implementation invariants for frontend design: token architecture, typography hierarchy, loading order, FOUT prevention, chrome stability, motion timing, color semantics. Use with design when building components, pages, or design systems.

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.