Theme Design

Command Palette

Search for a command to run...

Back

Theme Design

v1Skill

Theming, branding, and visual design systems

langfuseskilloptional
Edit
Capabilities

Generates code snippets and implementations

Content

Gene: Theme & Design

Description

Unified theming and design system capabilities. Combines Anthropic's theme-factory and brand-guidelines for consistent, professional visual identity.

Trigger Conditions

  • User requests themed documents or artifacts
  • Needs consistent styling across outputs
  • Brand compliance requirements
  • Presentation styling needs

Available Themes (10 Pre-set)

  1. Ocean Depths - Professional maritime theme
  2. Sunset Boulevard - Warm, vibrant colors
  3. Forest Canopy - Natural earth tones
  4. Modern Minimalist - Clean grayscale
  5. Golden Hour - Rich autumnal palette
  6. Arctic Frost - Cool winter-inspired
  7. Desert Rose - Sophisticated dusty tones
  8. Tech Innovation - Bold modern tech
  9. Botanical Garden - Fresh organic colors
  10. Midnight Galaxy - Dramatic cosmic tones

Each Theme Includes

  • Cohesive color palette (hex codes)
  • Font pairings (headers + body)
  • Distinct visual identity

Application Process

Step 1: Show Theme Showcase

Display available themes to user for selection.

Step 2: Get User Selection

Wait for explicit confirmation of chosen theme.

Step 3: Apply Theme

  • Read theme file
  • Apply colors consistently
  • Apply typography
  • Ensure proper contrast

Custom Theme Creation

If no pre-set theme works:

  1. Ask for description of desired aesthetic
  2. Generate custom theme with appropriate colors/fonts
  3. Show for review
  4. Apply after confirmation

Brand Guidelines Integration

  • Follow brand color specifications
  • Use approved typography
  • Maintain brand voice
  • Apply logo and imagery guidelines

Usage Examples

  • Themed slide decks
  • Branded documents
  • Consistent artifacts
  • Presentation materials

Guardrails

  • Never apply theme without user confirmation
  • Show preview before final application
  • Maintain accessibility standards

Integration

  • Works with: document-generation, web-artifacts
  • Essential for branded content
Actions
Test in Playground