Skip to content
Recaply.
Sign inSubmit a tool

DirectorySkills

Indigo ledger landing page: 1440, made in this run
Run 1Indigo ledger landing page“We need a landing page for Tallyhouse, our invoicing tool. Use brief.md.”
Runs in
  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
  • GitHub Copilot
  • OpenCode
Generates with
Your agent's model
Tested with
Claude Code 2.1.322Claude Sonnet 5.51 real run, 10 Nov
Needs
Node 20+Chrome
Licence
Recaply licence

Indigo Ledger Landing Page

An indigo-on-paper landing page for accounting or finance software, with ledger rules and a product hero.

$9.99once, yours to keep

Every premium skill and prompt, one plan$19.99 a month. Cancel any time. What you get when you buy

Payments are non-refundable. See our Terms of service.

Builds an accounting software landing page in an indigo ledger style into your own project: paper white with indigo ink, ledger-ruled backgrounds and a red margin line, an IBM Plex type pairing, a ledger screen in the hero, feature rows, figures, one big quote, pricing and questions. Plain HTML, CSS and JavaScript by default, or matched to React, Next.js, Vue, Svelte, Astro or Tailwind when the project uses them. Comes with a working reference and a check that screenshots the result at phone, tablet and desktop widths and flags sideways overflow, text under 12px, missing alt text and names, low contrast, missing focus styles and motion that ignores reduced-motion settings. Use when bookkeeping, invoicing, payroll or accounting software needs a landing page, or someone asks for an indigo, paper-and-ledger look.

By RecaplyUpdated 11 Nov

Install Indigo Ledger Landing Page

After the download, ask your agent to add it, or run the line yourself.

Read https://recaply.co/skills/indigo-ledger-landing-page/install.md and follow it to install the indigo-ledger-landing-page skill from indigo-ledger-landing-page.zip.

Paste it into your agent. It reads our install steps, finds the ZIP you downloaded and adds the skill for you.

New to skills? How to install a skill

Similar skills

All 735 skills

Who Indigo Ledger Landing Page is for

What you get

  • One HTML file with its CSS inside: no build step, no framework
  • An accounting software landing page in an indigo ledger style
  • Checked at phone and desktop widths

Good fit

  • When bookkeeping, invoicing, payroll or accounting software needs a landing page, or someone asks for an indigo, paper-and-ledger look

Not for

  • An app with a backend, sign-in or a database
  • Copying another company's site

About this skill

You say

We need a landing page for Tallyhouse, our invoicing tool. Use brief.md.

It said back

The Tallyhouse landing page is built in site/, and the check passes at 390, 768 and 1440px. It reports no sideways overflow, small text, missing alt text or names, contrast or focus problems, missing reduced-motion handling, or script errors. I looked at the 1440 and 390 screenshots, but not the 768 one. Both look right: the ledger lines and red margin rule sit behind the hero, the rows alternate, and everything stacks cleanly on the phone.

  • Files: site/index.html, site/style.css, site/script.js and the screenshots in check/. It's plain HTML, CSS and JavaScript, since there was no existing project to match.
  • Layout and brand: the hero, the four feature rows (quote, one-tap invoice, reminders, card payments), Dan Okoro's quote, pricing, questions and footer all use only content from brief.md. The brand is "Tallyhouse" with the main button "Start free trial". All pictures are my own SVG drawings.
  • Trimmed from the design:
  • I left out the three figures because the brief has no numbers to back them up.
  • The pricing has two cards (Basic $9, Pro $19) instead of three, with no Monthly/Yearly switch, since no yearly prices were given.
  • I trimmed the stylesheet and script to what this page uses.
  • Marked "TODO" on the page:
  • What each plan includes. I put reminders and card payments under Pro and left the Basic features open.
  • The free trial length, and whether a card is needed to start.
  • Where "Start free trial" should link. It currently points to #.
  • Dan Okoro has no photo, so he has an initials badge. Please confirm you have permission to use the quote.
  • The footer has only in-page links and no legal or contact links.
  • I haven't picked a logo, so the brand uses the reference's three-bar mark as a stand-in.
Show more

What it did in run 1

  1. ./brief.md
  2. indigo-ledger-landing-page
  3. cd .; ls -la . .claude/skills/indigo-ledger-landing-page/reference; wc -c .claude/skills/indigo-ledger-landing-page/reference/*; node .claude/skills/indigo-ledger-landing-page/scripts/check.mjs --ready
  4. ./.claude/skills/indigo-ledger-landing-page/reference/index.html
  5. cd ./.claude/skills/indigo-ledger-landing-page/reference; cat script.js; grep -n -E "tiers|billing|stat-list|\.stat|avatar|hero-art|row-art|\.save" style.css | head -60
  6. cd .; mkdir -p site; R=.claude/skills/indigo-ledger-landing-page/reference cp $R/style.css site/style.css cat >> site/style.css <<'EOF' /* Tallyhouse additions */ .avatar-init{display:grid;place-items:center;background:var(--ink);color:var(--bg);font-family:var(--font-display);font-weight:600;font-size:1rem} .tiers{max-width:820px} .hero-note,.todo{color:var(--muted)} EOF # script: keep only shared behaviour sed -n '1,17p' $R/script.js > site/script.js cat > site/index.html <<'EOF' <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Tallyhouse: Invoicing and payment reminders for tradespeople</title> <meta name="description" content="Send a quote from your phone, turn it into an invoice in one tap, and let Tallyhouse chase the payment. Start a free trial."> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,500;0,600;1,500&family=IBM+Plex+Sans:wght@400;500;600&display=swap"> <link rel="stylesheet" href="style.css"> </head> <body> <a class="skip" href="#main">Skip to content</a> <header class="nav nav-bar"><div class="wrap nav-in"> <a class="brand" href="index.html" aria-label="Tallyhouse home"><svg viewBox="0 0 32 32" aria-hidden="true" focusable="false"><rect x="3" y="14" width="6" height="15" rx="2" fill="#3438A8"/><rect x="13" y="8" width="6" height="21" rx="2" fill="#3438A8"/><rect x="23" y="3" width="6" height="26" rx="2" fill="#3438A8"/></svg><span>Tallyhouse</span></a> <button class="nav-toggle" type="button" data-nav-toggle aria-expanded="false" aria-controls="menu"><svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 7h16M4 12h16M4 17h16"/></svg><span class="sr-only">Menu</span></button> <nav id="menu" class="menu" aria-label="Main"><ul><li><a href="#features">How it works</a></li><li><a href="#pricing">Pricing</a></li><li><a href="#faq">Questions</a></li></ul><a class="btn btn-primary btn-sm" href="#trial">Start free trial</a></nav> </div></header> <main id="main"> <section class="hero hero-split"><div class="wrap hero-in"><div class="hero-words reveal"><p class="kicker">Invoicing for tradespeople</p><h1>Quote it, invoice it, get <em>paid</em></h1><p class="hero-sub">Tallyhouse lets plumbers and electricians send a quote from the van, turn it into an invoice in one tap, and chases the payment so you don't have to.</p><div class="hero-ctas"><a class="btn btn-primary" href="#trial">Start free trial<svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a><a class="btn btn-ghost" href="#features">See how it works</a></div><p class="hero-note">Plans from $9 a month.</p></div> <div class="hero-art reveal"><svg viewBox="0 0 640 420" role="img" aria-label="An invoice on a phone screen marked as paid by card"><rect width="640" height="420" rx="14" fill="#FFFFFF"/><rect x="200" y="20" width="240" height="390" rx="26" fill="#F1F0F8" stroke="#1B1F4B" stroke-width="3"/><rect x="224" y="52" width="110" height="14" rx="7" fill="#1B1F4B"/><rect x="224" y="80" width="140" height="8" rx="4" fill="#D9D7E8"/><rect x="224" y="112" width="192" height="1" fill="#D9D7E8"/><rect x="224" y="128" width="100" height="8" rx="4" fill="#D9D7E8"/><rect x="360" y="128" width="56" height="8" rx="4" fill="#1B1F4B"/><rect x="224" y="152" width="120" height="8" rx="4" fill="#D9D7E8"/><rect x="368" y="152" width="48" height="8" rx="4" fill="#1B1F4B"/><rect x="224" y="176" width="90" height="8" rx="4" fill="#D9D7E8"/><rect x="364" y="176" width="52" height="8" rx="4" fill="#1B1F4B"/><rect x="224" y="204" width="192" height="1" fill="#1B1F4B"/><rect x="224" y="220" width="70" height="12" rx="6" fill="#1B1F4B"/><rect x="346" y="218" width="70" height="16" rx="6" fill="#3438A8"/><rect x="224" y="262" width="192" height="44" rx="8" fill="#3438A8"/><path d="M270 284l8 8 16-16" fill="none" stroke="#fff" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="306" y="278" width="88" height="10" rx="5" fill="#fff"/><rect x="224" y="326" width="192" height="52" rx="8" fill="#fff" stroke="#D9D7E8"/><circle cx="244" cy="352" r="8" fill="#B4232A"/><rect x="262" y="340" width="120" height="7" rx="3.5" fill="#D9D7E8"/><rect x="262" y="357" width="84" height="7" rx="3.5" fill="#D9D7E8"/></svg></div></div></section> <section class="sec features features-rows" id="features" aria-labelledby="features-h"><div class="wrap"><div class="sec-head "><h2 id="features-h">From quote to <em>paid</em> in four steps</h2></div><div class="rows"> <div class="row reveal"><div class="row-words"><span class="feat-ic"><svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="7" y="2" width="10" height="20" rx="2"/><path d="M11 18h2"/></svg></span><h3>Send a quote from your phone</h3><p>Write it up on site and send it before you've left the driveway.</p></div><div class="row-art"><svg viewBox="0 0 640 420" aria-hidden="true" focusable="false"><rect width="640" height="420" rx="14" fill="#fff" stroke="#D9D7E8"/><rect x="60" y="50" width="520" height="40" rx="8" fill="#F1F0F8"/><rect x="80" y="66" width="160" height="8" rx="4" fill="#1B1F4B"/><rect x="60" y="110" width="520" height="40" rx="8" fill="#F1F0F8"/><rect x="80" y="126" width="220" height="8" rx="4" fill="#D9D7E8"/><rect x="500" y="126" width="60" height="8" rx="4" fill="#1B1F4B"/><rect x="60" y="170" width="520" height="40" rx="8" fill="#F1F0F8"/><rect x="80" y="186" width="180" height="8" rx="4" fill="#D9D7E8"/><rect x="510" y="186" width="50" height="8" rx="4" fill="#1B1F4B"/><rect x="60" y="300" width="200" height="56" rx="8" fill="#3438A8"/><rect x="100" y="324" width="120" height="8" rx="4" fill="#fff"/></svg></div></div> <div class="row reveal flip"><div class="row-words"><span class="feat-ic"><svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h9l4 4v14H6zM14 3v5h5M9 13h6M9 17h6"/></svg></span><h3>Turn it into an invoice in one tap</h3><p>The customer said yes. One tap and the quote becomes the invoice, with nothing to retype.</p></div><div class="row-art"><svg viewBox="0 0 640 420" aria-hidden="true" focusable="false"><rect width="640" height="420" rx="14" fill="#fff" stroke="#D9D7E8"/><rect x="50" y="90" width="210" height="240" rx="8" fill="#F1F0F8"/><rect x="70" y="120" width="100" height="10" rx="5" fill="#1B1F4B"/><rect x="70" y="150" width="160" height="7" rx="3.5" fill="#D9D7E8"/><rect x="70" y="170" width="140" height="7" rx="3.5" fill="#D9D7E8"/><path d="M290 210h60m-14-14l14 14-14 14" fill="none" stroke="#B4232A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><rect x="380" y="90" width="210" height="240" rx="8" fill="#fff" stroke="#3438A8" stroke-width="2"/><rect x="400" y="120" width="100" height="10" rx="5" fill="#3438A8"/><rect x="400" y="150" width="160" height="7" rx="3.5" fill="#D9D7E8"/><rect x="400" y="170" width="140" height="7" rx="3.5" fill="#D9D7E8"/><rect x="400" y="280" width="80" height="24" rx="6" fill="#3438A8"/></svg></div></div> <div class="row reveal"><div class="row-words"><span class="feat-ic"><svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 17V11a6 6 0 0 1 12 0v6l2 2H4zM10 21h4"/></svg></span><h3>Automatic reminders</h3><p>Tallyhouse nudges customers who haven't paid, so you stop being the one who has to ask.</p></div><div class="row-art"><svg viewBox="0 0 640 420" aria-hidden="true" focusable="false"><rect width="640" height="420" rx="14" fill="#fff" stroke="#D9D7E8"/><path d="M70 330h500" stroke="#D9D7E8" stroke-width="2"/><circle cx="130" cy="330" r="10" fill="#3438A8"/><circle cx="270" cy="330" r="10" fill="#3438A8"/><circle cx="410" cy="330" r="10" fill="#3438A8"/><circle cx="530" cy="330" r="10" fill="#B4232A"/><rect x="80" y="230" width="100" height="56" rx="8" fill="#F1F0F8"/><rect x="220" y="190" width="100" height="96" rx="8" fill="#F1F0F8"/><rect x="360" y="150" width="100" height="136" rx="8" fill="#F1F0F8"/><rect x="480" y="110" width="100" height="176" rx="8" fill="#F1F0F8"/><rect x="96" y="250" width="68" height="8" rx="4" fill="#D9D7E8"/><rect x="236" y="210" width="68" height="8" rx="4" fill="#D9D7E8"/><rect x="376" y="170" width="68" height="8" rx="4" fill="#D9D7E8"/><rect x="496" y="130" width="68" height="8" rx="4" fill="#B4232A"/></svg></div></div> <div class="row reveal flip"><div class="row-words"><span class="feat-ic"><svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="6" width="18" height="13" rx="2"/><path d="M3 10h18M7 15h3"/></svg></span><h3>Card payments</h3><p>Customers pay by card straight from the invoice, wherever they are.</p></div><div class="row-art"><svg viewBox="0 0 640 420" aria-hidden="true" focusable="false"><rect width="640" height="420" rx="14" fill="#fff" stroke="#D9D7E8"/><rect x="150" y="100" width="340" height="210" rx="16" fill="#1B1F4B"/><rect x="150" y="140" width="340" height="40" fill="#3438A8"/><rect x="180" y="220" width="180" height="12" rx="6" fill="#fff" opacity=".8"/><rect x="180" y="260" width="80" height="8" rx="4" fill="#fff" opacity=".5"/><circle cx="440" cy="270" r="18" fill="#B4232A"/><circle cx="460" cy="270" r="18" fill="#B4232A" opacity=".7"/></svg></div></div> </div></div></section> <section class="sec quotes quotes-single" id="stories"><div class="wrap"><ul class="quote-list"><li class="quote reveal"><figure><blockquote><p>I get paid in days, not weeks.</p></blockquote><figcaption><span class="avatar avatar-init" aria-hidden="true">DO</span><span><b>Dan Okoro</b><br><span class="role">Electrician</span></span></figcaption></figure></li></ul></div></section> <section class="sec pricing" id="pricing" aria-labelledby="pricing-h"><div class="wrap"><div class="sec-head "><h2 id="pricing-h">Two plans, <em>simple</em> prices</h2></div><ul class="tiers"> <li class="tier reveal"><h3>Basic</h3><p class="tier-blurb">For getting quotes and invoices out.</p><p class="tier-price"><span class="amount">$9</span><span class="per">/ month</span></p><a class="btn btn-ghost" href="#trial">Start free trial</a><ul class="ticks"><li><svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12l5 5 9-10"/></svg>Quotes from your phone</li><li><svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12l5 5 9-10"/></svg>One-tap invoices</li></ul><p class="todo">TODO: confirm exactly what Basic includes.</p></li> <li class="tier reveal featured"><p class="tier-flag">Most complete</p><h3>Pro</h3><p class="tier-blurb">For getting paid faster.</p><p class="tier-price"><span class="amount">$19</span><span class="per">/ month</span></p><a class="btn btn-primary" href="#trial">Start free trial</a><ul class="ticks"><li><svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12l5 5 9-10"/></svg>Everything in Basic</li><li><svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12l5 5 9-10"/></svg>Automatic reminders</li><li><svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12l5 5 9-10"/></svg>Card payments</li></ul><p class="todo">TODO: confirm which features sit in which plan.</p></li> </ul></div></section> <section class="sec faq" id="faq" aria-labelledby="faq-h"><div class="wrap faq-in"><div class="sec-head "><h2 id="faq-h">Questions</h2></div><div class="faq-list"> <details class="reveal" open><summary>Who is Tallyhouse for?<svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg></summary><p>Tradespeople such as plumbers and electricians who want to quote, invoice and get paid without the paperwork.</p></details> <details class="reveal"><summary>What does it cost?<svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg></summary><p>Basic is $9 a month and Pro is $19 a month. You can start with a free trial.</p></details> <details class="reveal"><summary>Can I quote from my phone?<svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg></summary><p>Yes. Send a quote from your phone, then turn it into an invoice in one tap once it's accepted.</p></details> <details class="reveal"><summary>How long is the free trial?<svg class="ic" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg></summary><p>TODO: add the trial length and whether a card is needed to start.</p></details> </div></div></section> <section class="sec" id="trial" aria-labelledby="trial-h"><div class="wrap"><div class="sec-head"><h2 id="trial-h">Ready to get paid <em>faster</em>?</h2></div><p><a class="btn btn-primary" href="#">Start free trial</a></p><p class="todo">TODO: point this button at the real sign-up page.</p></div></section> </main> <footer class="foot"><div class="wrap foot-in"><div class="foot-brand"><a class="brand" href="index.html"><svg viewBox="0 0 32 32" aria-hidden="true" focusable="false"><rect x="3" y="14" width="6" height="15" rx="2" fill="#3438A8"/><rect x="13" y="8" width="6" height="21" rx="2" fill="#3438A8"/><rect x="23" y="3" width="6" height="26" rx="2" fill="#3438A8"/></svg><span>Tallyhouse</span></a><p>Invoicing and payment reminders for tradespeople.</p></div><nav class="foot-col" aria-label="Product"><h2>Product</h2><ul><li><a href="#features">How it works</a></li><li><a href="#pricing">Pricing</a></li><li><a href="#faq">Questions</a></li></ul></nav></div><div class="wrap foot-small"><p>© <span data-year>2026</span> Tallyhouse.</p></div></footer> <script src="script.js" defer></script> </body> </html> EOF node .claude/skills/indigo-ledger-landing-page/scripts/check.mjs site/index.html --out check 2>&1 | tail -30
  7. cd .; ls site; node .claude/skills/indigo-ledger-landing-page/scripts/check.mjs site/index.html --out check 2>&1 | tail -30
  8. cd .; mkdir -p site; R=.claude/skills/indigo-ledger-landing-page/reference cp $R/style.css site/style.css cat >> site/style.css <<'EOF' /* Tallyhouse additions */ .avatar-init{display:grid;place-items:center;background:var(--ink);color:var(--bg);font-family:var(--font-display);font-weight:600;font-size:1rem} .tiers{max-width:820px} .todo{color:var(--muted)} EOF sed -n '1,17p' $R/script.js > site/script.js; ls site; tail -3 site/script.js | cut -c1-80
  9. mkdir -p site && cp .claude/skills/indigo-ledger-landing-page/reference/style.css site/style.css && sed -n '1,17p' .claude/skills/indigo-ledger-landing-page/reference/script.js > site/script.js && ls site
  10. ./.claude/skills/indigo-ledger-landing-page/reference/style.css
  11. pwd; mkdir -p site; cp .claude/skills/indigo-ledger-landing-page/reference/style.css site/style.css; ls site
  12. ./site/style.css
  13. ./site/script.js
  14. ./site/index.html
  15. node .claude/skills/indigo-ledger-landing-page/scripts/check.mjs site/index.html --out check 2>&1 | tail -30
  16. ./check/1440.png
  17. ./check/390.png
  18. Done

10 Nov 2026 · Claude Code 2.1.322 with Claude Sonnet 5.5 · 2 min 26 s · $0.55 of API use

Questions

Is Indigo Ledger Landing Page free?

No. Indigo Ledger Landing Page costs $9.99 once and stays in your Recaply account, or it comes with the Recaply plan ($19.99 a month), which opens every premium skill and prompt.

Which agents can use Indigo Ledger Landing Page?

Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

What do I get when I buy Indigo Ledger Landing Page?

A ZIP of the whole skill folder (41 KB): the SKILL.md your agent follows and its 6 other files, the references, templates and scripts it uses. You download it from this page whenever you need it, and install it in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. The Recaply plan opens it too, with every other premium skill and prompt.

How do I install Indigo Ledger Landing Page?

Buy it, then download the ZIP from this page. For Claude Code, unzip it into .claude/skills/ in your project. For Codex, Cursor and Gemini CLI, unzip it and run npx skills add ./indigo-ledger-landing-page with your agent's flag.

What do I get from Indigo Ledger Landing Page?

One HTML file with its CSS inside: no build step, no framework. An accounting software landing page in an indigo ledger style. Checked at phone and desktop widths.

What does Indigo Ledger Landing Page need?

Node 20+ and Chrome, and no API key. Each use costs nothing beyond your agent.

How big is Indigo Ledger Landing Page?

7 files, about 32,070 tokens in all. The SKILL.md is about 2,613 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 1 runs took 2 min 26 s to 2 min 26 s and $0.55 to $0.55 of API use each, in Claude Code with claude-sonnet-5-5. On a Claude plan, a run counts toward your usage instead.

Do I have to name Indigo Ledger Landing Page to use it?

Type /indigo-ledger-landing-page first to make sure it loads. Without it, Claude Code may judge a small job simple enough to do without the skill.