Achievement icons

[Notgnoshi]

• define a style - pixel art?
• build a test that fails if every achievement doesn't have an icon
  • Or, because it's a challenge (for me) to generate icons, provide a placeholder icon that looks like garbage? Maybe a literal garbage can?
• I'm profoundly lacking art skills. I bet genai would be good at this if I can define a style and a workflow for consistent results

[Notgnoshi]

I think a claude skill or project prompt might be good for this, combined with some tooling around previewing the generated SVGs and giving feedback.

• Static information:
  • Use SVG
  • Probably use pixel art with a fixed grid
  • Probably define the color palette (e.g., pico-8 / lospec)
  • Icon size / border / shape
  • Style expectations
  • Reference icons
• Dynamic information:
  • Achievement description
  • Rough idea?
• Workflow
  • Generate a few samples
  • Provide feedback
  • Iterate
  • Probably a script to render generated icons in a GUI window (i.e., display or firefox)
• Validation
  • Size, border, structure
  • Color palette
  • Render preview of all achievement icons for visual consistency comparison

General process:

• Start conversation with claude with a skill/prompt loaded
• Describe the achievement and any visual ideas
• Review generated SVGs
• Provide feedback
• Pick one of the samples
• Run validation script

[Notgnoshi]

using asprite to create pixel art animations for the more notable achievements could be fun - how could I get them to animate in a web page?