Art
## Art and illustration
*"Draw me a sunset" / "Create a geometric pattern" / "Illustrate how a CPU works"*
Use the `show-widget` code fence (SVG mode). Same technical rules (viewBox, safe area) but the aesthetic is different — art should feel rich and expressive, not sparse and diagrammatic.
### Aesthetic principles
- Fill the canvas — use the full viewBox, avoid large empty areas
- Bold colors: art is the one place freestyle colors are encouraged. Custom `<style>` blocks are fine; use `prefers-color-scheme` for dark mode variants if needed
- Layer overlapping opaque shapes for depth — back-to-front painter's model
- No gradients or blur (streaming constraint) — achieve depth through layered flat fills with varying opacity
- Texture via repetition (parallel lines, dot grids, hatching, stippling) not raster effects
### SVG techniques
**Organic forms** — curves and natural shapes:when to use it
Community prompt sourced from the open-source GitHub repo ai-freer/generative-ui-skill (Apache-2.0). A "Art" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.
tags
image-gencommunitygeneral
source
ai-freer/generative-ui-skill · Apache-2.0