4,200+ bookmarks on X

Generate animated SVG illustrations that stay on-style.

ShaderHUDIsometricInterface

Skills for Claude Code, Cursor, Codex and other coding agents that draw ready-to-ship illustrations in one style, in your colours, without you explaining it again each time. Plus 172 ready-made ones to copy in.

From prompt to product.

1
Pick a styleShader, HUD, Isometric or Interface. The skill keeps every new illustration to its rules.
2
Match your productLight or dark, then your brand colour. Any colour works.
PromptDraw an illustration of usage billing for our pricing page.

One command. Every agent draws in your style.

The skill carries your style, colour and mode into every illustration it draws, so the tenth one looks like the first.

npx -y illos@latest setup
  • Claude Code
  • Cursor
  • Codex
  • Windsurf
  • 4 more: OpenCode, Gemini CLI, Antigravity and Pi

Your agent can draw. It can't remember how.

One prompt fills a working landing page. A later session still matches it.

What people are saying.

best animated illustration skill illos.devSaurabh@saurra3h
I purchased, cool stuff SerDEPINspirationHUB@DepinInspiraHub
super clean execution. definitely upvotedArtists Voyage ๐Ÿ”ถ@artists_voyage
I am a Pro now ๐Ÿ˜ŽAlok@designedbyalok
Style drift is real ๐Ÿ˜… Teaching the agent the same look every time gets tiring. Nice solve with skills, well done Naved ๐Ÿ‘M a n j u | เฒฎเฒ‚เฒœเณ@ManjuH9955
this is incredible, finding animated illustrations has never been this easy! ๐Ÿ”ฅRahil Mavani@rahil_mavani
the details look so premium ๐Ÿ™Œlakshay@n4gpal
not my boy solving ai art amnesia ๐Ÿ˜ญ website looks so clean fr go checkout ๐Ÿš€ashwaq.node@ashw6q
The consistent style skills are a game changer, do check it outKeshav@N80rious
this looks really cool mate, congrats on the launch and best of luck!Pratik@maybepratikk
A lot of promise here, working with svg tools myself, definitely trying this outAyo๐Ÿ‘‹@akwaabaaa
i wish there was smth like this for agesmoiz@ghumanmoiz
Sheer amount of creativity unlock for my agents ๐Ÿ™Œpratikbin.node@pratikbin
That sounds like a brilliant solution! I can see how frustrating style drift would be. Definitely going to check this out.Terry Carson@mrterrycarson
Literally, I'm fall in luv with your website UI ๐Ÿ˜Saad@mohammad_saaaad
Love the isometric visualsashwin raghavan@ashwinraghavan2
W Needed this in my life.Puru@madebypuru

Make every product moment easier to understand.

172 ready-made product illustrations for onboarding, empty states, billing, dashboards and the rest of what your product explains.

Built with Illos skills.

Working websites, docs and apps made with Illos illustrations. Open one to try it live.

Set up in three steps.

Pay once. Keep it.

No subscription, no renewal.

Not ready? Browse free illustrations

$69was $89one time

For founders and devs building with Claude Code, Cursor, Codex or any coding agent.

  • All 172 illustrations, free and Pro
  • Skills for Claude Code, Cursor, Codex and other coding agents
  • Lifetime updates: all new styles, illustrations and skills
Get all access for $69
  • Secure checkout by Dodo Payments

Buying for a team? Up to 10 people for $299. See Team

Before you buy.

What people ask most.

Anything else? Write to hello@illos.dev.

Using it

Can it make illustrations in a style of my own?

Not a style from scratch. You pick one of four, Shader, HUD, Isometric or Interface, and the skills draw every new illustration in it with your site's colours, in light or dark. That is what keeps every illustration on your site consistent.

Can I use them in client work?

Yes. Free and Pro illustrations work in personal and commercial projects, client work included, with no credit needed. You can't resell them as illustrations, in packs or on other sites.

What do I get, files or code?

Both. Each illustration comes as a React component you add with one command, or as a plain SVG you copy from its page.

Which agents can use the toolkit?

Setup finds the coding agents on your computer and puts the skills in each one's own folder: Claude Code, Cursor, Codex, Windsurf, Gemini CLI, OpenCode and more. Any agent that can read files can follow them.

Does it work with reduced motion?

Yes. Every illustration respects prefers-reduced-motion and settles on a clean still frame when motion is turned off.

Buying

Do I need an account for free illustrations?

No. Open one, press Copy or Download, and it is yours to use.

Do new styles cost extra?

No. Pro covers every style in the library, including every one released later.

Do updates ever run out?

No. Updates are lifetime: all new styles, illustrations and skills come with Pro, with no renewal and no subscription.

Is there pricing by country?

Yes. Pro is priced by country (purchasing power parity): in many countries it costs 72% or 80% of the list price. Checkout applies it from your billing country, with no code needed. Team costs the same everywhere.

Can I get a refund?

No: every sale is final, because Pro gives you the files and the skills straight away. Try the free illustrations first, they need no account. If you were charged twice or your licence never arrived, write to hello@illos.dev and we will put it right.

How do I pay?

By card, through Dodo Payments. Get all access opens a secure checkout, and your licence arrives at the email you pay with.

Make your next illustration match the rest.

Pick a style, and your agent draws every new illustration in it.

Or start with a free one