Web Dev Standards

Name: Web Dev Standards
Author: J-StaR-Films-Studios

ASecurity

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.

24 stars
0 votes
0 copies
4 views
Added September 3, 2026

ai-agentstypescriptbashreactnextjstesting

Security analysis

A100/100

Pro scans all 20 files and shows the line behind each finding

Scanned September 3, 2026

npx -y skills add J-StaR-Films-Studios/VibeCode-Protocol-Suite --skill web-dev-standards --agent claude-code

Installs 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 with every re-scan.

Security grade badge for Web Dev Standards

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/j-star-films-studios-web-dev-standards/badge)](https://www.skillsdirectory.com/skills/j-star-films-studios-web-dev-standards)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro

SKILL.md

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