Design & UI skills

Use when the user wants to design a mobile app or UI screens, when they mention their Sleek (sleek.design) projects, or when implementing Sleek designs in code…

Comprehensive frontend design patterns and visual polish guidance

Vercel's Web Interface Guidelines covering spacing, typography, interaction, and accessibility

Design taste rules that steer an agent away from generic AI-looking interfaces toward considered, specific UI.

Opinionated frontend design taste with explicit reasoning about visual decisions

Premium aesthetic sensibility for luxury and editorial interfaces

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without…

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

Apple Human Interface Guidelines distilled for agents building iOS screens: layout, type, navigation and motion.

Advanced UI/UX patterns for complex interfaces and interaction design

Taste and tone rules for GPT-style assistants: shorter, sharper, less filler.

Generates premium DESIGN.md files for Google Stitch with anti-generic UI standards and semantic design rules

Art-directed brand identity and logo generation for premium, intentional visual systems

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

Generate design-first website mockups then implement pixel-perfect frontend code to match

Generates section-by-section visual references for landing pages and marketing sites

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…

shadcn/ui component usage, customization, and Tailwind integration

Builds and refines UI/UX inside your existing codebase, using its tokens, components and states

Extract tokens, components, and patterns from an existing codebase

Create original visual designs and artistic compositions in PNG and PDF formats

Build complex React artifacts with Tailwind CSS and shadcn/ui components for claude.ai

Apply Anthropic's official brand colors, typography and visual standards to any artifact

Apply professional color and font themes to slides, docs, and web artifacts instantly

Final quality pass fixing alignment, spacing, consistency and micro-details before launch

Evaluate designs with UX rigor: visual hierarchy, information architecture, cognitive load, anti-pattern detection