Loading...
Loading...
Found 28 Skills
Create distinctive, bold UI designs that avoid generic AI aesthetics. This skill should be used when users want frontend components with strong visual identity, creative typography, intentional color palettes, and production-grade animations - specifically to avoid the bland, safe, homogeneous "AI slop" that plagues most generated interfaces.
Use this skill when the user needs to create a brand identity, choose a color palette, design a logo, establish design tokens, or build visual consistency for their SaaS product. Covers color systems, typography, logo design, and brand recognition.
Define and document brand identity standards and guidelines. Establishes visual language, tone, messaging, and design principles for consistent brand expression.
Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "premium website", "portfolio site", "scroll animations", "Awwwards quality", or "brand experience". Covers dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation. For foundational UI, see refactoring-ui. For type selection, see web-typography. Trigger with 'top', 'design'.
Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography.
Create unique, production-grade high-quality frontend interfaces. Use this skill when users request to build web components, pages, works, posters, or applications (e.g., websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling any web UI). Generate creative, polished code and UI designs that avoid generic AI aesthetics.
Practical UI design patterns and principles for creating polished, professional interfaces. Based on proven techniques from Refactoring UI and Practical UI. Use when working with ui, design, layout, spacing, typography, color, hierarchy, styling.
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Design system principles, component libraries, typography, color theory, spacing systems, and design tokens
Applies Anthropic's official brand identity including colors (Dark #141413, Light #faf9f5, Orange #d97757), typography (Poppins, Lora), and design standards to artifacts, presentations, documents, and web interfaces. Use when asked to "apply Anthropic branding", "use brand colors", "style with company guidelines", "add Anthropic look-and-feel", or "follow design standards". Provides official color palettes, font specifications, logo usage, and visual formatting rules. Works with HTML artifacts, presentations, PDFs, documents, and any visual deliverables requiring consistent brand identity.
Cream background + Soft light blob + Macaron rounded-corner card + Playfair italic numbering