llms.txt
+70 −38
− A skill for Claude Code, Cursor and Codex that draws ready-to-ship illustrations in your product's style, without you explaining the style again each time. Plus 158 ready-made ones to copy in.− - The page has to stay fast: each illustration is one SVG file, 2.4 to 24.2 KB compressed, with its animation inside and nothing to install.− - [Home](https://illos.dev/): the skill working (pick a system, your colour and a density), the visual systems (Shader, HUD, Isometric, Interface), the library by use, and the price− - [Library](https://illos.dev/library): every illustration, by theme, size and access ([free ones](https://illos.dev/library/free))− - 158 animated illustrations: 41 Shader, 31 HUD, 56 Isometric, 30 Interface, each theme in light and dark− - 65 free, with no credit and no account− - File size: 2.4 to 24.2 KB compressed (Shader 2.6 to 11.7 KB compressed; HUD 2.4 to 24.2 KB compressed; Isometric 4.2 to 19.8 KB compressed; Interface 6.1 to 11.4 KB compressed). No script, no web fonts, no player− - Pro: $89, one payment, lifetime updates. Team: $299, one payment, up to 10 people− - Pro is priced by country (purchasing power parity): 60% or 80% of the list price in many countries, set at checkout from the billing country. Team costs the same everywhere− - [Interface](https://illos.dev/library/interface): 30 illustrations ([Markdown](https://illos.dev/library/interface.md))− 158 animated illustrations, each with the idea it explains.− A Pro illustration comes the same way to a machine signed in with Pro (`npx illos setup`): `npx illos add <subject>` adds it, and `npx illos add` lists every one with what it shows. No key is needed.− [Pro · one time](https://illos.dev/pro), $89, one payment.− - All 93 Pro illustrations− - Skills for Claude Code, Cursor and Codex− - Lifetime updates: all new themes, illustrations and skills− - Yours to keep, forever− npx -y illos setup− - [Cloud illustrations](https://illos.dev/illustrations/cloud): 8 animated illustrations in three themes, 4 of them free.− - [Database illustrations](https://illos.dev/illustrations/database): 8 animated illustrations in three themes, 4 of them free.− - [Data illustrations](https://illos.dev/illustrations/data): 8 animated illustrations in three themes, 3 of them free.− - [unDraw alternatives with animated illustrations](https://illos.dev/alternatives/undraw): unDraw is a large free library of flat people and everyday scenes, in an accent colour you pick, with no credit. Its free illustrations are still. For motion: unDraw Plus adds animated scenes, Storyset lets you animate people in its editor, and Illos and SketchValley Motion animate how a product works.− - [SketchValley Motion and Illos, side by side](https://illos.dev/alternatives/sketchvalley): SketchValley Motion is a free set of animated SVG illustrations for tech and product sites, in isometric and flat line styles, with controls for colour, outline and line weight. Illos is a library of 158 animated illustrations in four themes, each in light and dark, with skills that teach your coding agent to draw more in the same style.− - [DrawKit alternative with animated illustrations](https://illos.dev/alternatives/drawkit): DrawKit sells illustration packs in many styles, such as hand drawn, 3D and isometric, as SVG, PNG and Figma files; most are still, and a few are animated as Lottie. Pro costs $79 a year or $295 once. Illos is a library where every illustration is animated and explains one idea on a product site, in four themes, with skills that teach your coding agent to make more.− - [IconScout alternative for product illustrations](https://illos.dev/alternatives/iconscout): IconScout is a marketplace of icons, illustrations, 3D and Lottie animations from many contributors, with an editor to change colours; plans start at $9.99 a month billed yearly, and free files encourage a credit. Illos is a library of animated illustrations in one hand, made to explain how a product works, with skills that teach your coding agent to make more in the same style.− - [Blush illustrations alternative, animated](https://illos.dev/alternatives/blush): Blush is a library of illustration collections by artists around the world, mostly people and scenes, that you customise piece by piece in the browser or in Figma and Sketch. Illos is a smaller library of animated illustrations that each explain one idea on a product site, in four themes, with skills that teach your coding agent to make new ones in the same style.− - [Animated SVG: how to animate one and add it to a site](https://illos.dev/guides/animated-svg): An animated SVG is an illustration written as code, with CSS animation inside the file, so parts of it move without a video or a player. It stays sharp at any size, can take its colours from your page, and can be paused or stilled with a few lines of CSS.− - [Empty state illustrations, animated, light and dark](https://illos.dev/guides/empty-state-illustrations): An empty state is the screen people see before there is anything to show: no messages, no teammates, no results. A good one shows what will appear there and offers the one action that fills it. Illos Interface has 30 animated illustrations of product screens for these moments, in light and dark; 15 are free, with no credit.− - [Website illustrations: how to illustrate your website](https://illos.dev/guides/website-illustrations): Website illustrations explain a page faster than a paragraph: the hero shows the one idea, each feature section shows its feature, and empty screens show what will appear. Pick one style for the whole site, use SVG so they stay sharp and light, and make sure you can get more that match. Illos has 158 animated website illustrations in four themes; 65 are free.− - [Add illustrations with Claude Code, Codex or Cursor](https://illos.dev/guides/add-illustrations-with-ai-agents): Coding agents build working pages but leave the pictures out, or reach for the stock 3D art and icon grids every AI-built site has. Give the agent illustrations it can add itself instead: 65 free animated SVG illustrations it installs with one command, in four themes, so every page matches. For new ones in the same style, the Illos skills teach Claude Code, Codex and Cursor a theme− - [Codex skills: where they go, how to add one, which to use](https://illos.dev/guides/codex-skills): A Codex skill is a folder with a SKILL.md file of instructions that Codex loads when a task matches its description. Codex reads skills from .agents/skills in your project and in your home folder, runs one when you type $ and its name, and picks one by itself when your task fits. Claude Code and Cursor read the same format, so one skill serves all three.− - [Cursor skills: where they go, how to add one, which to use](https://illos.dev/guides/cursor-skills): A Cursor skill is a folder with a SKILL.md file that Cursor's agent loads when a task matches its description. Cursor reads skills from .cursor/skills or .agents/skills, in your project and in your home folder, and also from .claude/skills and .codex/skills, so skills made for Claude Code and Codex work in Cursor as they are.− 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.− ### Do new themes cost extra?− No. Pro covers every theme in the library, including every one released later.− No. Updates are lifetime: all new themes, illustrations and skills come with Pro, with no renewal and no subscription.− Yes. Pro is priced by country (purchasing power parity): in many countries it costs 60% or 80% of the list price. Checkout applies it from your billing country, with no code needed. Team costs the same everywhere.− No: every sale is final, because Pro gives you the files and the skills straight away. Try the free spots 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.+ 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 186 ready-made ones to copy in.+ - The page has to stay fast: each illustration is one SVG file, 2.2 to 24.2 KB compressed, with its animation inside and nothing to install.+ - [Home](https://illos.dev/): the skill working (pick a system, your colour and a density), the visual systems (Shader, HUD, Isometric, Interface, Cybernetics), the library by use, and the price+ - [Library](https://illos.dev/library): every illustration, by theme, size and access+ - [Free illustrations](https://illos.dev/library/free): all 79 spot illustrations, from every theme, in light and dark, free with no account and no credit+ - 186 animated illustrations: 41 Shader, 31 HUD, 56 Isometric, 44 Interface, 14 Cybernetics, each theme in light and dark+ - 79 free, with no credit and no account+ - File size: 2.2 to 24.2 KB compressed (Shader 2.6 to 11.7 KB compressed; HUD 2.4 to 24.2 KB compressed; Isometric 4.2 to 19.8 KB compressed; Interface 2.2 to 11.4 KB compressed; Cybernetics undefined to undefined KB compressed). No script, no web fonts, no player+ - Pro: $69, one payment, lifetime updates. Team: $299, one payment, up to 10 people+ - Pro is priced by country (purchasing power parity): 72% or 80% of the list price in many countries, set at checkout from the billing country. Team costs the same everywhere+ - [Interface](https://illos.dev/library/interface): 44 illustrations ([Markdown](https://illos.dev/library/interface.md))+ - [Cybernetics](https://illos.dev/library/cybernetics): 14 illustrations ([Markdown](https://illos.dev/library/cybernetics.md))+ 186 animated illustrations, each with the idea it explains.+ - [Start a free trial](https://illos.dev/library/interface/free-trial): each tick of the clock fills the next day of a seven-day trial. (Interface, spot, Free)+ - [Add your first website](https://illos.dev/library/interface/first-website): a domain is typed in, Add is clicked, and the site joins the list. (Interface, spot, Free)+ - [AI crawler tracking](https://illos.dev/library/interface/ai-crawler-tracking): an AI crawler fetches a page, and the visit lands in the log. (Interface, spot, Free)+ - [No assistants connected](https://illos.dev/library/interface/no-assistants): a URL is pasted into an AI tool, and the assistant connects. (Interface, spot, Free)+ - [No API keys](https://illos.dev/library/interface/no-api-keys): a new API key is added and copied with one click. (Interface, spot, Free)+ - [No search results](https://illos.dev/library/interface/no-search-results): a search narrows piece by piece until nothing is left. (Interface, spot, Free)+ - [Report unavailable](https://illos.dev/library/interface/report-unavailable): the linked report is missing, so another one is picked instead. (Interface, spot, Free)+ - [Error loading page](https://illos.dev/library/interface/error-loading-page): the page tries to load again, fails, and points to refresh. (Interface, spot, Free)+ - [Page not found](https://illos.dev/library/interface/page-not-found): on a 404 page, home leads out, and back returns to the missing page. (Interface, spot, Free)+ - [Choose a plan](https://illos.dev/library/interface/choose-plan): a click picks a plan, and the ring moves to it. (Interface, spot, Free)+ - [No live visitors](https://illos.dev/library/interface/no-live-visitors): a visitor arrives, the live dot pulses, and they join the list. (Interface, spot, Free)+ - [First funnel](https://illos.dev/library/interface/first-funnel): a visitor walks the path, and each step's bar fills a little shorter. (Interface, spot, Free)+ - [First goal](https://illos.dev/library/interface/first-goal): a goal switches what it measures, and its stats refresh. (Interface, spot, Free)+ - [Revenue not set up](https://illos.dev/library/interface/revenue-setup): a refund and a purchase move a page's share of revenue down and back up. (Interface, spot, Free)+ - [Spider](https://illos.dev/library/cybernetics/spider): a spider waits on its web, and a touch on a thread brings it climbing. (Cybernetics, page, Pro)+ - [Heart](https://illos.dev/library/cybernetics/heart): a heart beats with live heart-rate data, each beat running down its paths. (Cybernetics, section, Pro)+ - [Padlock](https://illos.dev/library/cybernetics/padlock): a key lifts the pins one by one, the latch pulls back and the shackle springs open. (Cybernetics, section, Pro)+ - [Moth](https://illos.dev/library/cybernetics/moth): a moth caught in the web struggles, and each struggle runs out along the threads. (Cybernetics, section, Pro)+ - [Butterfly](https://illos.dev/library/cybernetics/butterfly): a butterfly rests with open wings, watches your cursor, and flutters when tapped. (Cybernetics, section, Pro)+ - [Web map](https://illos.dev/library/cybernetics/web-map): a web traces itself out from its hub, locking each host as the trace reaches it. (Cybernetics, section, Pro)+ - [Chip](https://illos.dev/library/cybernetics/chip): a word arrives along the traces, a core works on it, and the result leaves. (Cybernetics, section, Pro)+ - [Jellyfish](https://illos.dev/library/cybernetics/jellyfish): a jellyfish pulses and drifts up, its tentacles trailing behind it. (Cybernetics, section, Pro)+ - [Fingerprint](https://illos.dev/library/cybernetics/fingerprint): a scan sweeps the print, each ridge turns to data, and the match grants access. (Cybernetics, section, Pro)+ - [Brain](https://illos.dev/library/cybernetics/brain): neurons fire, and their spikes run along the axons in cascades that spread and fade. (Cybernetics, section, Pro)+ - [Hand](https://illos.dev/library/cybernetics/hand): a touch runs up the nerve, and the fingers curl in softly, then open. (Cybernetics, section, Pro)+ - [Eye](https://illos.dev/library/cybernetics/eye): a scan line reads the iris, locks its marks one by one, and the eye blinks. (Cybernetics, section, Pro)+ - [Tree](https://illos.dev/library/cybernetics/tree): sap climbs from the roots, the leaves open as it reaches them, then fall in autumn. (Cybernetics, section, Pro)
Showing the first 40 of each.