Loading...
Loading...
Found 464 Skills
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.
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.
Reference for selecting distinctive typography. Includes font recommendations by vibe, category, archetype, and pairing guidelines for Next.js projects.
Design system principles, component libraries, typography, color theory, spacing systems, and design tokens
Use when creating or editing documents (DOCX, PDF, XLSX, PPTX) that need professional output. Adds visual verification, typography hygiene, and formula patterns to the document-skills plugin.
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.
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.
Comprehensive UI/UX quality audit covering visual hierarchy, accessibility, AI slop detection, typography, colour, layout, interaction states, responsive behaviour, performance, and microcopy. Produces severity-rated findings with actionable...
Generate a cohesive brand visual kit — logo concept, color palette moodboard, and typography pairing suggestions.
Set optimal line lengths for readability across typography scales and responsive layouts.
General UI/UX judgment for layout, polish, visual hierarchy, spacing, typography, color, and accessibility. Use when no product-specific or Frappe-specific design system skill applies.
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.