Loading...
Loading...
Found 26 Skills
Define and document brand identity standards and guidelines. Establishes visual language, tone, messaging, and design principles for consistent brand expression.
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.
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
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.
Apply OpenEd's visual brand identity to presentations, websites, and digital materials. Specifies colors, typography, spacing, and design specifications for consistent visual branding across all OpenEd materials.
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.
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.
Design system principles, component libraries, typography, color theory, spacing systems, and design tokens
Design interfaces that adapt gracefully to multiple languages, writing directions, and cultural contexts.
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'.
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.
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.