Use when designing software architectures ('codebase-design' Deep Modules/Design-It-Twice), writing tests ('test-driven-development' mock boundaries), creating setup scripts ('interactive-wizard'), TypeScript standards, Next.js, Expo, or Monorepos.
Scanned 9/3/2026
Install to Claude Code
Skills Directorynpx -y skills add J-StaR-Films-Studios/VibeCode-Protocol-Suite --skill web-dev-standards --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Web Dev Standards?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/j-star-films-studios-web-dev-standards)More formats (shields.io, HTML) on the badges page.
---
name: web-dev-standards
description: Use when designing software architectures ('codebase-design' Deep Modules/Design-It-Twice), writing tests ('test-driven-development' mock boundaries), creating setup scripts ('interactive-wizard'), TypeScript standards, Next.js, Expo, or Monorepos.
author: J StaR Films / Matt Pocock / P-Stack
coauthored: J StaR Films / Takomi
version: 2.0.0
---
# Web Development Standards Suite
Architectural doctrines, testing boundaries, language standards, and framework guidelines.
## Sub-Skills
| Sub-Skill | Purpose | Path |
|---|---|---|
| **`codebase-design`** | Ousterhout's Deep Modules, `DESIGN-IT-TWICE.md` (3 parallel interface drafts), and seam placement | [`codebase-design/SKILL.md`](codebase-design/SKILL.md) |
| **`test-driven-development`** | TDD red-green-refactor with strict mock boundaries (mock only external I/O) and observable behavior tests | [`test-driven-development/SKILL.md`](test-driven-development/SKILL.md) |
| **`interactive-wizard`** | Generates delightful, progress-tracked Bash wizards (`template.sh`) for human-only setup steps and secrets | [`interactive-wizard/SKILL.md`](interactive-wizard/SKILL.md) |
| **`typescript-standards`** | TypeScript best practices: discriminated unions, branded types, and boundary validation | [`typescript-standards/SKILL.md`](typescript-standards/SKILL.md) |
| **`nextjs-standards`** | Next.js App Router patterns, Server Components, server actions, and caching | [`nextjs-standards/SKILL.md`](nextjs-standards/SKILL.md) |
| **`upgrading-expo`** | Expo SDK upgrades and React Native configuration | [`upgrading-expo/SKILL.md`](upgrading-expo/SKILL.md) |
| **`monorepo-management`** | Turborepo and pnpm workspace dependency and boundary management | [`monorepo-management/SKILL.md`](monorepo-management/SKILL.md) |
| **`shared-resend-portfolio`** | Shared transactional email integration with Resend | [`shared-resend-portfolio/SKILL.md`](shared-resend-portfolio/SKILL.md) |
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!