latex-posters
Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
latex-posters
Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
frontend-design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
theme-factory
Create new AiderDesk UI themes by defining SCSS color variables, registering theme types, and adding i18n display names. Use when adding a theme, creating a color scheme, customizing appearance, or implementing dark mode and light mode variants.
latex-posters
Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
frontend-enhancer
This skill should be used when enhancing the visual design and aesthetics of Next.js web applications. It provides modern UI components, design patterns, color palettes, animations, and layout templates. Use this skill for tasks like improving styling, creating responsive designs, implementing modern UI patterns, adding animations, selecting color schemes, or building aesthetically pleasing frontend interfaces.
bio-data-visualization-color-palettes
Select and apply colorblind-friendly palettes for scientific figures using viridis, RColorBrewer, and custom color schemes. Use when selecting colorblind-friendly palettes for figures.
choosing-materials
Chooses Minecraft block materials, color palettes, and textures using VibeCraft MCP tools. Use when selecting materials for builds, creating color schemes, matching architectural styles, or asking about block combinations and palettes.
material-thinking
Comprehensive Material Design 3 (M3) and M3 Expressive guidance for building modern, accessible, and engaging user interfaces. Use when designing or implementing Material Design interfaces, reviewing component designs for M3 compliance, generating design tokens (color schemes, typography, shapes), applying M3 Expressive motion and interactions, or migrating existing UIs to Material 3. Covers all 38 M3 components, foundations (accessibility, layout, interaction), styles (color, typography, elevation, shape, icons, motion), and M3 Expressive tactics for more engaging experiences.
Dark Mode Bug Finder
Detect dark mode rendering issues including contrast failures, missing theme tokens, image inversions, and transition glitches across components.
UI/UX Intelligence Expert
UI/UX design intelligence library and recommendation expert. Includes 67 styles, 96 color schemes, 57 font pairings, 99 UX guidelines, and supports design-system generation across technology stacks.
color-theory-palette-harmony-expert
Expert in color theory, palette harmony, and perceptual color science for computational photo composition. Specializes in earth-mover distance optimization, warm/cool alternation, diversity-aware palette selection, and hue-based photo sequencing. Activate on "color palette", "color harmony", "warm cool", "earth mover distance", "Wasserstein", "LAB space", "hue sorted", "palette matching". NOT for basic RGB manipulation (use standard image processing), single-photo color grading (use native-app-designer), UI color schemes (use vaporwave-glassomorphic-ui-designer), or color blindness simulation (accessibility specialists).
stock-photo-finder
Search multiple free stock photo sites simultaneously. Filter by license type, orientation, and color scheme.
color-palette-extractor
Extract color palettes from images, websites, or designs. Identifies dominant colors, generates complementary schemes, and exports in multiple formats (HEX, RGB, HSL, Tailwind, CSS variables). Use when users need color schemes from images, brand colors, or design system palettes.
theme-manager
Update and maintain GitArbor TUI themes, add new themes, modify existing themes, and ensure theme consistency. Use when working with colors, themes, src/theme.ts, or when user mentions theming, color schemes, or visual customization.
restman-theme
Provides design tokens, color scheme, styling patterns, and theming guidelines for the RestMan TUI application. Use when working on UI components, styling, borders, focus states, or visual design consistency in RestMan.
moonshine-palettes
Create and customize MoonShine color palettes using OKLCH color space for light and dark themes. Use when designing admin panel color schemes, creating brand-specific themes, or customizing MoonShine's visual appearance.
latex-posters
Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
UI Design System
Enforce modern dashboard UI patterns with pill-shaped design, a professional color scheme, and typography standards. Use when building or reviewing UI components for the web application.
design-language-system
Apply the professional Navy Blue color scheme and design tokens. Use when styling components, charts, or ensuring color consistency across the application.
brand-palette
Brand color discovery and palette generation skill. This skill should be used when helping users create brand color palettes, design systems, or Tailwind color configs. It guides through hue selection (RYB color wheel), chroma/tone decisions, and generates Obsidian-compatible palette reports with APCA accessibility validation. Supports starting from hex color or OKLCH values for refinement workflows. Triggers: "brand colors", "palette", "color scheme", "design system colors", "Tailwind colors", "generate palette from hex", "generate palette from OKLCH", or when users describe brand values that imply color decisions.
tui-design
Design specification for CLI TUI (Terminal User Interface). This skill provides comprehensive guidelines for implementing interactive terminal UI components, including page layout structure, color schemes, keyboard navigation, and multi-level navigation principles.
trellis-visual-guidance
Applies Trellis visual guidance for UI work, including color schemes and visual consistency. Use when modifying frontend UI, canvas views, annotations, badges, or any visual styling.
frontend-enhancer
This skill should be used when enhancing the visual design and aesthetics of web applications. It provides modern UI components, design patterns, color palettes, animations, and layout templates. REQUIRES ui-research skill first. Use this skill for tasks like improving styling, creating responsive designs, implementing modern UI patterns, adding animations, selecting color schemes, or building aesthetically pleasing frontend interfaces.
latex-posters
Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
dark-mode
Implements theme switching with semantic tokens and prefers-color-scheme detection. Use when adding dark mode, light/dark themes, color scheme toggles, or converting hardcoded colors to theme-aware tokens.
Dark Mode Implementer
Implements complete dark/light mode theming systems using CSS variables, Tailwind dark mode, React context, and system preference detection. Use when users request "add dark mode", "theme toggle", "dark theme", "light mode switch", or "color scheme".
theme-implementer
Implement and test custom color schemes, themes, and visual variants for the emotive-mascot website and demos. Use when applying new color palettes, creating themed variants, or A/B testing visual designs.
Frontend Color System
Color palette and theme generation from brand colors. Use when setting up project theming, creating shadcn/Tailwind color schemes, checking WCAG accessibility contrast, or building dark mode. Includes API tools for palette generation and contrast validation.
ui-designer
Senior UI/UX designer transforming product requirements into professional design solutions. Use when users need: (1) Page structure and information architecture, (2) UI layout and components, (3) Color schemes and visual specs, (4) Design specification documents, (5) User flow diagrams. Triggers: UI design, page design, interface design, interaction design, design specs, layout.
vscode-theme
Generate VSCode color themes, package them as .vsix files, and install to VSCode. Use when creating custom VSCode themes, designing color schemes, or when the user mentions VSCode theme, color theme, dark theme, or light theme.
hatchery-papers
Chicken Scheme Hatchery eggs and academic papers for color logic, 2TDX, colored operads, and higher observational type theory.
pdf-press
Teaches agents how to generate HTML and Markdown that renders beautifully to PDF with proper page breaks, compact professional layouts, domain-adaptive color schemes, and multi-column support for technical reports, scientific papers, and magazine-style documents.
geiser-chicken
Geiser REPL integration for Chicken Scheme with SplitMixTernary 3-coloring and crdt.el sexp patterns.
effective-topos
FloxHub publication `bmorphism/effective-topos` - a comprehensive development environment with 606 man pages, 97 Emacs info manuals, and deep integration across Scheme (Guile/Goblins/Hoot), functional languages (OCaml, Haskell, Racket), systems tools (Rust, Go), and Gay.jl deterministic coloring.
pptx-press
Teaches agents how to author slide-structured HTML that renders professionally to PPTX with proper sizing, styling, color schemes, and citation handling for business presentations, technical decks, and executive briefings.
terminal-ui-design
Use when creating CLI tools, terminal user interfaces (TUI), or any command-line applications. Load for terminal UI design, ASCII art, color schemes, box drawing characters, and polished terminal output. Also use for refactoring boring CLIs into distinctive experiences.
UI/UX Pro Max (Design Intelligence)
A comprehensive design guide that provides professional UI/UX principles, color schemes, and development workflows. Suitable for scenarios that need to build high-quality interfaces from scratch.
presentation-slide-generator
A skill that generates HTML presentation slides. Supports the Kanagawa theme, GSAP animations, and 23 slide types. Standard interactive features include hover effects and tooltips, recommends free CDN icons (FontAwesome 6 Free), and outputs a single-file HTML that can be deployed to GAS (Google Apps Script). Anchors: • Presentation Zen (Garr Reynolds) / Application: slide composition / Purpose: the principle of one message per slide • GSAP 3.x / Application: animations / Purpose: enter/leave animations per slide type • Kanagawa Color Scheme / Application: theme / Purpose: a consistent color palette • FontAwesome 6 Free / Application: icons / Purpose: free CDN, 2000+ icons, brand logos supported Trigger: Use when a user requests creating HTML presentation slides, generating slide decks, or building animated presentations with the Kanagawa theme. Keywords: presentation, slides, presentation slides, HTML slides, Kanagawa, presentation materials
LaTeX Posters
Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
frontend-design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
dark-mode-detection
Comprehensive dark mode detection patterns and algorithms for browser extensions. Use when analyzing websites for dark mode implementations, detecting theme switchers, identifying CSS/JavaScript dark mode patterns, or building browser extensions that need to detect dark mode. Triggers on dark mode, theme detection, prefers-color-scheme, data-theme, class toggling, and related queries.
design-system-aurora
Glass Aurora design system—ethereal glassmorphism, aurora gradients, neon glows, purple-cyan color scheme. Use when creating or modifying UI components to ensure consistency with the design language (glassmorphic cards, gradient text, neon buttons, animations). For design decisions on colors, typography, spacing, or component styling.
Frontend Design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
Interior Style Recommender
Recommends interior design styles with furniture selection, color schemes, and mood board generation
ui-designer
A specialist in web and mobile interface design. Creates component structures, responsive layouts, color schemes, typography, buttons, forms, navbars, sidebars, cards, grid and flex designs. Works with modern UI frameworks (Tailwind, shadcn/ui, Material UI, Chakra UI). Use this agent when you mention concepts like user interface, UI, component, layout, responsive, theme, color, button, form, design, page design, or making something look nice.
refactoring-ui
Practical UI design system based on Refactoring UI (Wathan & Schoger). Use when creating or improving user interfaces, web components, dashboards, landing pages, or any visual design work. Applies to HTML/CSS, React, Tailwind, or any frontend output. Triggers on requests for UI design, styling, layout, color schemes, typography, visual hierarchy, or making interfaces "look better."
frontend-design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.