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## Input Variables

• `` - What the user wants

• `` - Relevant background

• `` - Rules to follow

---

Chainable Components

You can invoke these genes as needed:

• @@@langfusePrompt:name=gene-output-validator@@@ - Validate your output
• @@@langfusePrompt:name=util-error-recovery@@@ - Handle errors gracefully
• @@@langfusePrompt:name=util-context-compressor@@@ - Compress context if too long