Art Style Creator
This skill guides the creation of comprehensive art style definitions for visual projects.
Workflow
Step 1: Vision & Context
Gather project context:
- Project type: Game, illustration, animation, UI, branding
- Target audience: Age group, cultural context
- Vision statement: 2-3 sentences describing the visual direction
- Key words: 5-7 words capturing the style essence
- Primary influences: Reference styles, artists, or works
Step 2: Color Palette
Define the color system. See color-theory.md for detailed guidance.
Ask for:
- Palette type: Monochromatic, analogous, complementary, triadic, etc.
- Dominant color (60%): Background, large areas
- Secondary color (30%): Supporting elements
- Accent color (10%): Highlights, focal points
- Mood alignment: Match colors to intended emotion
- Forbidden colors: Colors to avoid and why
Step 3: Line Work
Establish line characteristics. See line-and-shape.md for details.
Define:
- Outline approach: Full / Partial / None / Color holds
- Base weight: Thin / Medium / Thick (with pixel/pt measurement)
- Quality: Clean / Sketchy / Geometric / Organic / Calligraphic
- Weight variation: Different weights for FG/MG/BG
- Line color: Black / Dark local color / Color holds
Step 4: Shape Language
Define shape characteristics. See line-and-shape.md.
Specify:
- Dominant shape: Circle (friendly), Square (stable), Triangle (dynamic)
- Complexity level: Simple / Moderate / Complex
- Edge treatment: Sharp / Rounded / Mixed
- Character shapes: Heroes, villains, NPCs
- Environment shapes: Architecture, nature, props
- Silhouette priority: High / Medium / Low
Step 5: Composition
Set layout rules. See composition-lighting.md.
Define:
- Framing system: Rule of thirds / Golden ratio / Center-focused / Dynamic
- Symmetry preference: Symmetric / Asymmetric / Varied
- Depth approach: FG/MG/BG presence and treatment
- Perspective type: 1-point / 2-point / 3-point / Isometric
- Visual hierarchy: Primary method (size/contrast/color/position)
- Negative space: Minimal / Moderate / Abundant
Step 6: Lighting & Atmosphere
Define lighting style. See composition-lighting.md.
Specify:
- Overall brightness: Dark / Dim / Neutral / Bright
- Contrast level: Low / Medium / High / Extreme
- Shadow rendering: Gradient / Cel-shaded / Hatched / Minimal / None
- Primary light direction: Front / Side / Back / Top / Variable
- Light hardness: Soft / Medium / Hard
- Shadow color: Black / Colored / Complementary
- Atmospheric effects: Fog, particles, god rays
Step 7: Texture & Detail
Set detail approach. See texture-mood.md.
Define:
- Detail level: Minimal / Low / Medium / High / Photorealistic
- Texture rendering: Painted / Photo / Procedural / Flat / Stylized
- Detail distribution: High detail for focus, low for background
- Surface treatments: How to handle different materials
- Aging/weathering: None / Subtle / Visible / Heavy
- Noise/grain: None / Subtle / Visible
Step 8: Mood & Tone
Establish emotional baseline. See texture-mood.md.
Specify:
- Core emotion: Joy, sadness, fear, tension, peace, mystery, etc.
- Intensity: Subtle / Moderate / Strong
- Tone position: Light ↔ Dark spectrum
- Energy level: Calm / Moderate / Energetic
- Genre alignment: Fantasy, sci-fi, horror, noir, etc.
- Elements to avoid: What would break the mood
Step 9: Technical Specs
Document technical requirements. See technical-specs.md.
Define:
- Working resolution: Dimensions at DPI
- Export resolution: Final output specs
- Color mode: RGB / CMYK / Indexed
- File formats: Working and export formats
- Asset sizes: Characters, environments, UI elements, icons
Step 10: Generate Style Document
Output the complete art style definition using the output template.
→ See templates/style-guide-template.md for the full copy-paste style guide template (all 10 sections).
Reference Files
Load these as needed for detailed guidance:
- color-theory.md - Color wheel, palette types, psychology, construction rules
- line-and-shape.md - Line characteristics, shape psychology, silhouettes
- composition-lighting.md - Composition principles, perspective, lighting setups
- texture-mood.md - Detail levels, texture types, mood mapping, genre guides
- technical-specs.md - Resolution, color modes, file formats
- style-references.md - Art movements, contemporary styles, animation styles
- glossary.md - Art terminology definitions
Quick Style Presets
For rapid style definition, use genre presets as starting points.
→ See references/quick-presets.md for the genre preset lookup table (Anime, Cartoon, Realistic, Pixel Art, Noir, Fantasy, Sci-Fi, Horror, Minimalist).