✒️ Becky Isjwara

Adventurer's Kit · v1

Web Dev Starter Kit

LVL 1For creators who code a little

8 Claude Code skills for shipping web apps fast. Plus 5 plain-English guides for the backend plumbing (email, payments, database, domains, deployment). Built by a non-engineer who ships weekly.

⭐Get it on GitHub⚔️See what's inside

8

Skills

5

Guides

Next.js

Stack

Free

Price

Open source. MIT licensed. No email required.

✨ The Bundle

Eight skills. One workflow. Ship something by dinner.

Each skill is a Claude Code command you invoke like /ship. Chain them together to go from blank repo to live tool.

/prelaunch

🧪
Audit
8-category code audit before launch.

/ship

🚀
Deploy
Commit, push, deploy. One command.

/og-image

🖼️
Assets
1200×630 social preview image.

/landing

🎨
Page
Full responsive landing page.

/seo

🔍
SEO
Sitemap, robots, JSON-LD, meta tags.

/responsive

📱
Test
Test mobile, tablet, desktop.

/favicon

⭐
Assets
Complete favicon set in one command.

/chrome-ext

🧩
Scaffold
Scaffold a Manifest V3 extension.

⚔️ The Workflow

From blank folder to live tool.

Ship Sequence

7 steps · ~1 afternoon
1
/landing

Generate the marketing page — hero, features, FAQ.

2
/favicon

Brand the browser tab with a one-command favicon set.

3
/og-image

Social preview image that reads well as a thumbnail.

4
/seo

sitemap, robots, JSON-LD, meta tags — all in one go.

5
/responsive

Test mobile, tablet, desktop. Get a fix list.

6
/prelaunch

Full audit — accessibility, performance, security.

7
/ship

Commit, push, deploy, done.

🎒 Backend Guides

The plumbing, explained by someone who learned it the hard way.

You don't need a CS degree. You need someone who'll tell you which service to use, what the gotchas are, and how much it costs.

5 guides
📧

Resend

Send transactional email without becoming an email deliverability expert.

Email
▲

Vercel

Deploy a Next.js app in under a minute. Connect a custom domain.

Hosting
🌐

Domains

Buy a domain (GoDaddy / Namecheap) and point it at your Vercel app.

DNS
🗄️

Supabase

Auth, database, and storage. The backend you don't have to build.

Database
💳

Stripe

Accept payments. Checkout sessions, webhooks, and the minimum viable subscription.

Payments

📜 Installation

Drop them into Claude Code and go.

  1. 01
    Install Claude Code. Run npm install -g @anthropic-ai/claude-code if you don't have it yet.
  2. 02
    Clone the repo into ~/.claude/skills/.
    cd ~/.claude/skills
git clone https://github.com/beckyisj/webdev-kit.git
  3. 03
    Use them. Type /prelaunch (or any other skill) in your Claude Code session. Claude reads the SKILL.md and knows what to do.
⭐View on GitHub

Open source. Stars appreciated.

🎯 Who it's for

✓ You'll love this if

  • ✓ You're a creator or indie hacker who wants to ship tools
  • ✓ You've used Claude Code or Cursor before
  • ✓ You want to stop googling "how to set up Stripe webhooks"
  • ✓ You'd rather copy a pattern than design one from scratch

✗ Skip this if

  • ✗ You're a senior engineer — you'll have strong opinions about every choice
  • ✗ You're building at Enterprise scale — these are for MVPs
  • ✗ You want zero-config magic — each skill still expects you to read and tweak

🍺 Rather Skip the DIY?

I'll build it for you.

⚔ Guild: Solo build-for-hire

If you'd rather not touch the command line, I'll help you on your quest.