Available Skills
Algorithmic Art
Create generative art using p5.js with seeded randomness and interactive exploration
Canvas Design
Design beautiful posters and visual art with sophisticated aesthetic philosophies
Frontend Design
Build distinctive, production-grade web interfaces with exceptional design quality
Theme Factory
Apply professional color and font themes to any artifact
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
- 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
- Create an algorithmic philosophy (computational aesthetic movement)
- Express it in p5.js code with parametric variation
- Generate single-file HTML artifact with interactive controls
- 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)
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
- Design philosophy framework guides creation
- Output as PDF or PNG files
- Minimal text, maximum visual impact
- Emphasis on expert-level craftsmanship
- Create a visual philosophy (aesthetic movement)
- Express it on canvas as art
- Refine to museum-quality standards
- 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
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
- Production-ready code (HTML/CSS/JS, React, Vue)
- Bold aesthetic directions (minimal, maximalist, retro-futuristic, etc.)
- Emphasis on distinctive, memorable design
- Context-specific character
- 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
- Generic AI aesthetics (purple gradients, system fonts, predictable layouts)
- Same design choices across generations
- Convergence on common patterns
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
- Ocean Depths - Professional maritime theme
- Sunset Boulevard - Warm sunset colors
- Forest Canopy - Natural earth tones
- Modern Minimalist - Clean grayscale
- Golden Hour - Rich autumnal palette
- Arctic Frost - Cool winter theme
- Desert Rose - Soft dusty tones
- Tech Innovation - Bold tech aesthetic
- Botanical Garden - Fresh garden colors
- Midnight Galaxy - Dramatic cosmic tones
- View theme showcase to see all options
- Select preferred theme
- Theme is applied to deck/artifact
- Or create custom theme based on requirements
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