✒️ Becky Isjwara

Adventurer's Kit · v1

Web Dev Starter Kit

LVL 1For creators who code a little

14 Claude Code skills for shipping web apps fast — 8 for the frontend and launch, 6 that wire up the backend (email, payments, database, domains, deployment) and prove it works. Built by a non-engineer who ships weekly.

14

Skills

6

Guides

Next.js

Stack

Free

Price

Open source. MIT licensed. No email required.

The Bundle

Fourteen 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.

/stripe

💳
Payments
Checkout, webhook, portal. Access granted from the webhook.

/supabase

🗄️
Backend
Auth, Postgres with RLS, storage. Verified live.

/vercel

Hosting
First deploy: link, env vars, domain, 200 OK.

/resend

📧
Email
Transactional email, proven with a real send.

/domain

🌐
DNS
Exact DNS records, registrar steps, SSL check.

/improvmx

📬
Email
Free hello@yourdomain forwarding to Gmail.

The Workflow

From blank folder to live tool.

Ship Sequence

11 steps · ~1 weekend
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
/supabase

Auth and a database with Row-Level Security, if the tool needs accounts.

6
/stripe

Checkout, webhook, customer portal, if it charges money.

7
/resend + /improvmx

Email out and email in on your own domain.

8
/responsive

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

9
/prelaunch

Full audit — accessibility, performance, security.

10
/vercel + /domain

First deploy, then point your domain at it. Verified live.

11
/ship

Every deploy after that. 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.

6 guides

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.