Loading...
Loading...
Found 390 Skills
Analyze design trends and recommend appropriate styles, color palettes, and typography systems for your project based on current design movements. NOT for accessibility auditing or full design system creation.
A comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship.
Apply Baufest brand identity — colors, typography, and voice — to any deliverable. Use this skill when styling documents, decks, emails, or any content that should look and sound like Baufest. Triggers for: brand colors, brand guidelines, Baufest styling, corporate identity, deck formatting, look-and-feel, brand voice, visual identity, branded output, magenta and green palette. Also use when generating CSS, design tokens, or theme configuration for Baufest-branded applications. Do NOT use for logo file requests (those require asset management) or for non-Baufest client branding.
This skill should be used when the user requests to "write documents", "compose articles", "write emails", "edit Chinese text", "check formatting", "correct typography", "mix Chinese and English layout", "format documents", "review document formatting", or "proofread", or when the user is preparing to write or edit Chinese documents, emails, messages, or any formal Chinese text content. This skill provides formatting and typographical corrections based on the Chinese Style Guide, focusing on layout and formatting without altering the author's intended expression.
Supanova Landing Page Design Engine. Generates premium, conversion-optimized landing pages using pure HTML + Tailwind CSS (CDN). Overrides default LLM biases toward generic templates. Enforces metric-based design rules, Korean typography standards, and hardware-accelerated motion for standalone HTML output.
Use when an agent needs a stronger frontend design brain for landing pages, product sites, portfolios, showcases, and premium marketing work. This skill pushes the model toward crafted layouts, stronger typography, better imagery choices, and anti-generic styling.
Teaches AI to design landing pages that feel like $150k agency work. Defines exact fonts, spacing, shadows, card structures, animations, and Korean typography standards that make Supanova-generated pages feel expensive and intentional. Blocks all common defaults that make AI designs look cheap or generic.
Context-driven aesthetic exploration with anti-cliche validation: typography, color, animation, atmosphere. Use when starting a frontend needing distinctive aesthetics, refreshing generic designs, or auditing for "AI slop" patterns. Use for "distinctive frontend", "unique aesthetics", "avoid generic design", "creative frontend". Do NOT use for quick prototypes, strict brand compliance, backend projects, or data visualization.
Select a consistent visual design system for PPT slides using radius/spacing style recipes. Use when users ask for overall style direction or component styling consistency. Includes Sharp/Soft/Rounded/Pill recipes, component mappings, typography/spacing rules, and mixing guidance. Triggers: style, style, radius, spacing, corner radius, spacing, PPT style, visual style, design style, component style.
Create a complete, actionable design system for any project (website, app, product) grounded in physical/sensory anchoring rather than design trends. Delivers CSS tokens, typography scale, component patterns, accessibility checklist, and absolute rules as a single developer-ready markdown document. Use this skill whenever the user asks to create a design system, theme, color palette, visual identity, CSS tokens, theme variables, or propose an art direction. Also triggers on "style guide", "site colors", "choose fonts", "look and feel", "visual branding", "charte graphique", "identite visuelle", "direction artistique", "refonte visuelle", or any new project where design isn't yet defined — propose this skill proactively.
Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
Apple Human Interface Guidelines design foundations. Use this skill when the user asks about "HIG color", "Apple typography", "SF Symbols", "dark mode guidelines", "accessible design", "Apple design foundations", "app icon", "layout guidelines", "materials", "motion", "privacy", "right to left", "RTL", "inclusive design", branding, images, spatial layout, or writing style. Also use when the user says "my colors look wrong in dark mode", "what font should I use", "is my app accessible enough", "how do I support Dynamic Type", "what contrast ratio do I need", "how do I pick system colors", or "my icons don't match the system style". Cross-references: hig-platforms for platform-specific guidance, hig-patterns for interaction patterns, hig-components-layout for structural components, hig-components-content for display.