Algorithmic Art
Build generative p5.js compositions with seeded variation and an interactive viewer.
A closer look / 6 skills
Visual art and styling skills for AI agents
Explore AI skills for static compositions, generative p5.js art, and artifact styling. Choose a workflow for the visual you want to create.
Skills in Visual tools
Canvas Design
Develop a visual philosophy, then express it as a static canvas artifact.
Remotion Best Practices
Official guidance for composing, previewing, and rendering video with React.
Stitch Generate Design
Generate, edit and compare screen designs through Google Stitch.
Theme Factory
Apply a named palette and font pairing across slides, documents, or web artifacts.
Visual Explainer
Turn complex ideas, comparisons and reviews into interactive HTML explanations.
Choosing a skill
Start with the artifact you want to make
Visual skills in this category produce different kinds of work: a finished composition, an interactive experiment, or a consistent theme. Decide how the result will be viewed and shared before choosing a workflow. Include the intended format, dimensions, subject, and any brand constraints in the brief.
Create a poster or static composition
Develop a written visual direction and express it as a PNG or PDF. Canvas Design focuses on composition and art direction; the agent still needs suitable tools to create and inspect the finished file.
Read the Canvas Design reviewExplore an idea through generative code
Build a p5.js composition with seeded variation and an interactive viewer for exploring parameters. Choose this when changing rules and values is part of the creative process, and keep useful seeds so results can be revisited.
Read the Algorithmic Art reviewGive related artifacts consistent styling
Select a supplied color and font theme or develop a custom one for slides, documents, or web artifacts. Theme Factory provides a styling starting point; review the actual content for readability and fit.
Read the Theme Factory review
Review the exported file or working viewer at its intended size. Confirm that essential text remains legible and that the deliverable opens correctly. Check each skill review for bundled assets, executable templates, and the tools your agent environment will need.