beckyisj

Webdev Kit — Development skill for Claude Code

Development community

8 Claude Code skills for shipping web apps fast.

How to install Webdev Kit

This entry records only its repository, not the path inside it, so there is no exact command to give. Open beckyisj/webdev-kit and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Webdev Kit does

8 Claude Code skills for shipping web apps fast. By @beckyisj.

Alternatives in Development

Claude API — Build apps with the Claude API or Anthropic SDK 94.1k ★
Native Feel Skill — An Agent Skill for designing cross-platform desktop apps that feel native — distilled from Raycast's 2.0 deep 1.9k ★
Reset Content Gen — Reset apps/content-gen to fresh state for new voice-based agentic coding experiments 296 ★

README

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