Webdev Kit

Web Dev Starter Kit

A bundle of 14 [Claude Code](https://claude.com/claude-code) skills for shipping web apps fast: 8 for the frontend and launch, 6 for the backend plumbing. Built by [Becky Isjwara](https://beckyisj.com) — a non-engineer who ships weekly.

Go from blank folder to live tool in an afternoon. Each skill is a slash command (`/prelaunch`, `/ship`, etc.) that tells Claude exactly what to do.

**Background reading for each backend skill → [beckyisj.com/webdev](https://beckyisj.com/webdev)**

What's in the box

Frontend and launch

Command	What it does
/landing	Generate a responsive tool landing page (hero, features, FAQ, CTA, footer). Static HTML or Next.js.
/favicon	Complete favicon set: .ico, .svg, apple-touch-icon, 192/512 PNG. Matches your brand colors.
/og-image	1200×630 social preview image designed for thumbnail readability (WhatsApp, Slack, iMessage).
/seo	sitemap.xml, robots.txt, llms.txt, JSON-LD schemas, meta tags. Framework-aware.
/responsive	Tests your app at mobile/tablet/desktop. Flags overflow, tiny touch targets, unreadable text.
/prelaunch	8-category code audit: a11y, responsive, SEO, error states, performance, security.
/ship	Commit, push, deploy to Vercel, save project memory. One command.
/chrome-ext	Scaffold a Manifest V3 Chrome extension from a plain-English description.

Backend plumbing

Each of these detects what the project already has, asks only for what's missing, writes the code, tells you exactly which dashboard and DNS steps are yours, then proves it works with a real test (a test email, a `dig`, a `curl`, a Stripe CLI trigger).

Command	What it does
/vercel	First deploy: link the project, push env vars, vercel --prod, attach a domain, confirm 200.
/domain	Read current DNS, produce the exact records, registrar-specific steps (Cloudflare / Namecheap / GoDaddy / Vercel), verify propagation