AI tools
Website templates for Claude Code, Cursor and Codex.
Loonis templates are designed by people and come as clean code with the files AI tools read first. Claude Code, Cursor or Codex then edit your site the way it was designed.
CLAUDE.md · AGENTS.md · DESIGN.md
'%3e%3cpath%20d='M7.58613%2025.2432L15.0311%2021.0685L15.1538%2020.7028L15.0311%2020.4992H14.6629L13.4153%2020.4233L9.16103%2020.3094L5.47948%2020.1576L1.90018%2019.9679L1.00024%2019.7781L0.161663%2018.6585L0.243475%2018.1082L1.00024%2017.5959L2.08426%2017.6907L4.47729%2017.8615L8.07702%2018.1082L10.6746%2018.26L14.5402%2018.6585H15.1538L15.2356%2018.4118L15.0311%2018.26L14.8675%2018.1082L11.145%2015.5844L7.11574%2012.9277L5.00905%2011.3907L3.88413%2010.6127L3.31145%209.89156L3.06601%208.29758L4.08868%207.159L5.47948%207.25388L5.82718%207.34875L7.23843%208.43042L10.245%2010.7645L14.1721%2013.6488L14.7448%2014.1232L14.9754%2013.9676L15.0106%2013.8575L14.7448%2013.4211L12.6176%209.56897L10.3473%205.64094L9.32467%204.00898L9.0588%203.0412C8.95579%202.63506%208.89515%202.29906%208.89515%201.88366L10.061%200.289667L10.7155%200.08093L12.2904%200.289667L12.9449%200.85895L13.9266%203.09813L15.5015%206.60868L17.9559%2011.3907L18.6717%2012.8139L19.0604%2014.1232L19.2035%2014.5217H19.449V14.294L19.6535%2011.5994L20.0217%208.29758L20.3898%204.04692L20.5125%202.85144L21.1057%201.40925L22.292%200.631237L23.2123%201.06769L23.9691%202.14932L23.8668%202.85144L23.4169%205.77374L22.5374%2010.347L21.9647%2013.4211H22.292L22.6806%2013.0226L24.235%2010.9732L26.8325%207.70931L27.9779%206.41893L29.3278%204.99575L30.1869%204.3126H31.8231L33.0094%206.09633L32.4776%207.93703L30.8005%2010.0624L29.4097%2011.8651L27.4155%2014.5368L26.178%2016.685L26.289%2016.8622L26.5871%2016.8368L31.0868%2015.869L33.5207%2015.4326L36.4251%2014.9392L37.7341%2015.5464L37.8772%2016.1726L37.3659%2017.444L34.257%2018.2031L30.6164%2018.9432L25.195%2020.2194L25.1349%2020.2677L25.2058%2020.3728L27.6507%2020.5941L28.6938%2020.651H31.2504L36.016%2021.0115L37.2636%2021.8275L38%2022.8332L37.8772%2023.6113L35.9546%2024.579L33.3775%2023.9718L27.3439%2022.5296L25.2781%2022.0173H24.9918V22.188L26.7098%2023.8769L29.8801%2026.7233L33.8275%2030.4047L34.032%2031.3156L33.5207%2032.0366L32.9889%2031.9607L29.5119%2029.342L28.162%2028.1655L25.1349%2025.6038H24.9304V25.8694L25.6258%2026.8941L29.3278%2032.4541L29.5119%2034.162L29.246%2034.7123L28.2847%2035.0538L27.2416%2034.8641L25.0531%2031.8089L22.8237%2028.3932L21.0239%2025.3191L20.8065%2025.4564L19.7353%2036.8945L19.2445%2037.4828L18.0991%2037.9192L17.1378%2037.1981L16.6265%2036.0216L17.1378%2033.6876L17.7514%2030.6514L18.2422%2028.2414L18.6922%2025.2432L18.967%2024.2416L18.9427%2024.1746L18.7232%2024.2115L16.4628%2027.3116L13.0267%2031.9607L10.3064%2034.8641L9.65192%2035.1297L8.527%2034.5415L8.62927%2033.4978L9.26331%2032.568L13.0267%2027.786L15.297%2024.8068L16.7602%2023.0966L16.746%2022.8492L16.6652%2022.8424L6.66577%2029.361L4.88636%2029.5887L4.10913%2028.8676L4.21137%2027.6911L4.57953%2027.3116L7.58613%2025.2432Z'%20fill='%23D97757'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_0_33'%3e%3crect%20width='38'%20height='38'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e){kind=small}
'%3e%3cpath%20d='M29.2293%208.04741L15.6182%200.189113C15.1811%20-0.0632874%2014.6418%20-0.0632874%2014.2047%200.189113L0.59426%208.04741C0.226841%208.25955%200%208.65189%200%209.07682V24.9231C0%2025.3481%200.226841%2025.7404%200.59426%2025.9525L14.2054%2033.8108C14.6424%2034.0632%2015.1818%2034.0632%2015.6188%2033.8108L29.2299%2025.9525C29.5974%2025.7404%2029.8242%2025.3481%2029.8242%2024.9231V9.07682C29.8242%208.65189%2029.5974%208.25955%2029.2299%208.04741H29.2293ZM28.3743%209.71198L15.2348%2032.4702C15.146%2032.6236%2014.9115%2032.561%2014.9115%2032.3833V17.4815C14.9115%2017.1837%2014.7524%2016.9083%2014.4942%2016.7588L1.58917%209.30813C1.43581%209.21932%201.49843%208.98481%201.67607%208.98481H27.9552C28.3283%208.98481%2028.5616%209.38929%2028.375%209.71262H28.3743V9.71198Z'%20fill='%2326251E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_0_28'%3e%3crect%20width='29.8236'%20height='34'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e){kind=small}
Available today
Every template is ready for Claude Code.
-
Instructions your AI reads first
CLAUDE.md and AGENTS.md explain how the site is built and what to keep.
-
The design system in one file
DESIGN.md lists the colors, type, spacing and writing rules.
-
Every section, listed
Your AI tool reuses designed sections instead of drawing new ones.
-
Send to Claude Code
From My templates, one button opens the Claude desktop app with the setup prompt ready. Pick a folder, press Enter.
-
Cursor and Codex too
A start prompt for each, and AGENTS.md works in both.
-
One purchase, every format
$169 for one project: the code with AI tool files, the Figma file and the Webflow version.
Two ways to use your AI tool
On a template's code, or on your Loonis site.
Build with a template in your own tools, or connect your AI tool to a site you build in Loonis.
-
With a Loonis template
- Astro code
- CLAUDE.md
- AGENTS.md
- DESIGN.md
- Start prompts
Buy a template once and build it with Claude Code, Cursor or Codex. You host it where you like.
-
On your Loonis site
- Pro and Premium
- Click Allow
- 1 credit per change
- Your agent can't publish
Building your site in Loonis? Connect Claude Code, the Claude app, Cursor, Codex or another MCP tool to it. No keys to paste.
One template purchase covers one project, in every format. No resale, no sharing.
Coming soon
What's next for AI tools.
No dates yet; we'll share them when they're real.
-
Add designed sections.Soon
Pull a hero, pricing or team section from our library into the site you're building.
Last updated November 10, 2026
Join the waitlist
AI tools questions.
Contact usDoes Loonis work with Claude Code?
Yes. Every Loonis template comes as code (Astro) with CLAUDE.md, AGENTS.md, DESIGN.md and start prompts, the files Claude Code reads first. From My templates, Send to Claude Code opens the Claude desktop app with the setup prompt ready. Cursor and Codex work too.
Which other AI tools work?
Cursor, Codex and other AI coding tools that read an AGENTS.md file work with every Loonis template. Each template includes a start prompt for them, and DESIGN.md lists the colors, type, spacing and writing rules so your tool keeps the design.
What files come with a Loonis template?
Every Loonis template comes as an Astro site with CLAUDE.md and AGENTS.md, which explain how the site is built and what to keep, DESIGN.md with the colors, type, spacing and writing rules, a list of every section, and start prompts. One purchase also includes the Figma file and the Webflow version.
Can my AI agent edit my Loonis site?
Yes, on Pro and Premium. Connect Claude Code, the Claude app, Cursor, Codex or another MCP tool to your Loonis site and click Allow. Pro allows 2 agents per site, Premium 5. Each saved change uses 1 credit, and your agent can't publish.
How much does a Loonis template for Claude Code cost?
$169, once, for one project. A Loonis template purchase includes every format: the site as code with files for Claude Code, Cursor and Codex, the Figma file and the Webflow version. You can also start building with any template in the Loonis app for free.
What do I need?
You need a Claude plan that includes Claude Code, or another AI coding tool like Cursor or Codex, plus a Loonis template ($169, one project, every format). To run the site on your computer you need Node.js 22.23 or newer. You can host it on Vercel, Netlify or any static host. Forms need a form service, like Formspree. Add its address in one settings file.
Start with what you already have.
