> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/anthropics/skills/llms.txt
> Use this file to discover all available pages before exploring further.

# Creative & Design Skills

> Skills for generating algorithmic art, creating visual designs, building beautiful interfaces, and applying themes

Creative and design skills empower Claude to produce original visual work, from generative art to polished frontend interfaces.

## Available Skills

<CardGroup cols={2}>
  <Card title="Algorithmic Art" icon="chart-network" href="/reference/algorithmic-art">
    Create generative art using p5.js with seeded randomness and interactive exploration
  </Card>

  <Card title="Canvas Design" icon="paintbrush" href="/reference/canvas-design">
    Design beautiful posters and visual art with sophisticated aesthetic philosophies
  </Card>

  <Card title="Frontend Design" icon="browser" href="/reference/frontend-design">
    Build distinctive, production-grade web interfaces with exceptional design quality
  </Card>

  <Card title="Theme Factory" icon="swatchbook" href="/reference/theme-factory">
    Apply professional color and font themes to any artifact
  </Card>
</CardGroup>

## Algorithmic Art

Create living algorithms that generate unique, reproducible art using p5.js.

**When to use:**

* Creating generative art or algorithmic compositions
* Building interactive art with parameter exploration
* Designing flow fields, particle systems, or mathematical visualizations
* Producing art that uses code as the creative medium

**Key features:**

* Two-step process: philosophy creation, then code expression
* Interactive HTML artifacts with parameter controls
* Seeded randomness for reproducibility
* Built-in seed navigation (prev/next/random)
* Download and explore variations

**Creative process:**

1. Create an algorithmic philosophy (computational aesthetic movement)
2. Express it in p5.js code with parametric variation
3. Generate single-file HTML artifact with interactive controls

**Design principles:**

* 90% algorithmic generation, 10% essential parameters
* Every algorithm should feel meticulously crafted
* Create original work, never copy existing artists
* Use Anthropic branding for UI (Poppins/Lora fonts, light colors)

[View Algorithmic Art Documentation →](/reference/algorithmic-art)

## Canvas Design

Create museum-quality visual designs with sophisticated aesthetic philosophies.

**When to use:**

* Designing posters or visual art pieces
* Creating static designs with strong artistic direction
* Building compositions that communicate through form, space, and color

**Key features:**

* Design philosophy framework guides creation
* Output as PDF or PNG files
* Minimal text, maximum visual impact
* Emphasis on expert-level craftsmanship

**Design approach:**

1. Create a visual philosophy (aesthetic movement)
2. Express it on canvas as art
3. Refine to museum-quality standards

**Aesthetic principles:**

* 90% visual design, 10% essential text
* Use repeating patterns and perfect shapes
* Apply sophisticated typography (never defaults like Arial)
* Treat work like scientific observation: dense, systematic, layered
* Every element must have breathing room and clear separation

[View Canvas Design Documentation →](/reference/canvas-design)

## Frontend Design

Build production-grade web interfaces that avoid generic AI aesthetics.

**When to use:**

* Creating web components, pages, or applications
* Building landing pages or dashboards
* Designing React components with high visual quality
* Styling or beautifying web UI

**Key features:**

* Production-ready code (HTML/CSS/JS, React, Vue)
* Bold aesthetic directions (minimal, maximalist, retro-futuristic, etc.)
* Emphasis on distinctive, memorable design
* Context-specific character

**Design focus areas:**

* **Typography**: Beautiful, unique font choices (avoid Inter/Roboto)
* **Color & Theme**: Cohesive palettes with sharp accents
* **Motion**: CSS animations and scroll-triggered effects
* **Spatial Composition**: Unexpected layouts, asymmetry, overlap
* **Backgrounds**: Gradients, textures, patterns, dramatic shadows

**Avoid:**

* Generic AI aesthetics (purple gradients, system fonts, predictable layouts)
* Same design choices across generations
* Convergence on common patterns

[View Frontend Design Documentation →](/reference/frontend-design)

## Theme Factory

Apply professional color and font themes to presentations and documents.

**When to use:**

* Styling slide decks with consistent themes
* Applying professional color palettes
* Using complementary font pairings
* Creating custom themes for artifacts

**Available themes:**

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

**Process:**

1. View theme showcase to see all options
2. Select preferred theme
3. Theme is applied to deck/artifact
4. Or create custom theme based on requirements

[View Theme Factory Documentation →](/reference/theme-factory)

## Design Philosophy

All creative skills emphasize:

* **Originality**: Create original work, never copy existing artists
* **Craftsmanship**: Every detail should appear meticulously crafted
* **Sophistication**: Avoid amateur or cartoony aesthetics
* **Context**: Design choices should reflect the specific purpose
* **Distinctiveness**: Make bold, memorable creative choices

The goal is to produce work that demonstrates expert-level skill and could be presented professionally.
