# Web Dev Standards

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

- Skill: `j-star-films-studios/web-dev-standards` (Agent Skill, multi-file: 23 files)
- Install (CLI): `npx skillmds@latest add j-star-films-studios/web-dev-standards`
- Raw SKILL.md: https://api.skillmd.com/api/skills/j-star-films-studios/web-dev-standards/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: j-star-films-studios (https://skillmd.com/u/j-star-films-studios)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/j-star-films-studios/web-dev-standards

---


# 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) |