Loading...
Loading...
Found 57 Skills
Defines visual systems, colour palettes, typography scales, and layout patterns for web UI. Produces design tokens and component styling for product dashboards (SaaS/admin/data-heavy) or marketing/brand landing pages. Use when choosing visual direction, selecting colour palettes and fonts, establishing layout patterns, starting a new UI design system, theming a web application, or asking "make this look good", "design the UI for", or "pick a visual style".
Apply visual design principles when building or reviewing UI/frontend code. Based on Design for Hackers by David Kadavy. Use when: choosing fonts, colors, or layout proportions; reviewing designs for visual issues; establishing visual hierarchy; creating color palettes or type scales; adding motion or interaction; making responsive design decisions; building any user-facing interface.
Generate a premium 6-slide presentation design board as one single composite image. Use this skill whenever the user asks for PPT design concepts, keynote-style slide mockups, a strategy deck visual, an editorial / sports / news / business analysis deck, a TV-friendly slide layout, or any "6-page slide board" / "design these slides" / "PPT 设计稿" / "幻灯片设计图" request. The skill plans the deck slide-by-slide, asks the user to pick light vs dark mode, selects layouts from a named layout library, has the user approve the plan, then generates the composite image and self-reflects on the rendered result. Do NOT trigger for text-only deck outlines (the user wants writing, not visuals), single-slide design (this skill always produces 6), or live editable PPTX/Keynote files (this skill produces a rendered image).
Use when "creating posters", "visual art", "design philosophy", "PDF art", "PNG design", or asking about "abstract art", "visual design", "museum-quality graphics"
Use this skill whenever creating PPTX slides, presentations, or decks with any of these 30 modern design styles: Glassmorphism, Neo-Brutalism, Bento Grid, Dark Academia, Gradient Mesh, Claymorphism, Swiss International, Aurora Neon Glow, Retro Y2K, Nordic Minimalism, Typographic Bold, Duotone Color Split, Monochrome Minimal, Cyberpunk Outline, Editorial Magazine, Pastel Soft UI, Dark Neon Miami, Hand-crafted Organic, Isometric 3D Flat, Vaporwave, Art Deco Luxe, Brutalist Newspaper, Stained Glass Mosaic, Liquid Blob Morphing, Memphis Pop Pattern, Dark Forest Nature, Architectural Blueprint, Maximalist Collage, SciFi Holographic Data, Risograph Print. Also activate for requests using words like "sleek", "modern", "trendy", "designed", "stylish", or "visually striking" presentations.
Build brand identities -- visual systems, color palettes, typography, voice/tone, brand guidelines. Activate for branding projects, rebrands, or when brand consistency is needed.
Apply the Law of Proximity to group related elements through spatial relationships.
Raise frontend visual judgment for web interfaces with a bias toward refined product-grade composition, precise component craftsmanship, disciplined interaction states, controlled motion, and coherent depth systems. Use when generating, reviewing, or refactoring web UI that feels generic, cluttered, flat, over-styled, theatrically animated, visually imprecise, or AI-generated.
Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style two-dimension approach. Use when user asks to "illustrate article", "add images", "generate images for article", or "为文章配图".
Expert visual designer specializing in creating intuitive, beautiful, and accessible user interfaces. Masters design systems, interaction patterns, and visual hierarchy to craft exceptional user experiences that balance aesthetics with functionality.
A universal 4x4 grid sticker generator that follows strict visual guidelines (No Text, Transparent BG) and supports loading theme templates from resources.
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.