Loading...
Loading...
Found 437 Skills
Scale, weight, line height, and tracking as a coherent system. Use when building type scales, auditing typography consistency, or diagnosing why text feels off.
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'.
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. Use when making design decisions not covered by a specific design system, validating principle compliance, or resolving conflicts between aesthetics and accessibility. Design-system-agnostic and applies to every surface.
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.
Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.
Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that stay out of the way.
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.
Expert UI/UX design guidance for unique, accessible interfaces. Use for visual decisions, colors, typography, layouts. Always ask before making design decisions. Use this skill when the user asks to build web components, pages, or applications.