Web Application Testing
anthropics/skills
Tests local web applications with Python Playwright scripts, checking frontend behavior, capturing screenshots and reading browser console logs.
Write a typed call-stack architecture handoff. An agent skill from dmmulroy/skills.
$ npx skills add dmmulroy/skills --skill tech-spec -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install dmmulroy/skills tech-spec --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/dmmulroy/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/tech-spec .claude/skills/tech-spec && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "tech-spec" agent skill from https://github.com/dmmulroy/skills/tree/main/tech-spec into .claude/skills/tech-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tech-spec", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/dmmulroy/skills/tree/main/tech-specType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add dmmulroy/skills --skill tech-spec -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install dmmulroy/skills tech-spec --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dmmulroy/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/tech-spec .agents/skills/tech-spec && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "tech-spec" agent skill from https://github.com/dmmulroy/skills/tree/main/tech-spec into .agents/skills/tech-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tech-spec", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add dmmulroy/skills --skill tech-spec -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install dmmulroy/skills tech-spec --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dmmulroy/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/tech-spec .cursor/skills/tech-spec && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "tech-spec" agent skill from https://github.com/dmmulroy/skills/tree/main/tech-spec into .cursor/skills/tech-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tech-spec", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/dmmulroy/skills.git --path tech-spec--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add dmmulroy/skills --skill tech-spec -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install dmmulroy/skills tech-spec --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dmmulroy/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/tech-spec .gemini/skills/tech-spec && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "tech-spec" agent skill from https://github.com/dmmulroy/skills/tree/main/tech-spec into .gemini/skills/tech-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tech-spec", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install dmmulroy/skills tech-specInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add dmmulroy/skills --skill tech-spec -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/dmmulroy/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/tech-spec .github/skills/tech-spec && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "tech-spec" agent skill from https://github.com/dmmulroy/skills/tree/main/tech-spec into .github/skills/tech-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tech-spec", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add dmmulroy/skills --skill tech-spec -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install dmmulroy/skills tech-spec --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dmmulroy/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/tech-spec .opencode/skills/tech-spec && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "tech-spec" agent skill from https://github.com/dmmulroy/skills/tree/main/tech-spec into .opencode/skills/tech-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tech-spec", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
tech-specWrite a typed call-stack architecture handoff. An agent skill from dmmulroy/skills.
Tech Spec is an agent skill from dmmulroy/skills. Write a typed call-stack architecture handoff.
Its SKILL.md is about 2.1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Testing & QA. The licence is MIT.
8 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 8603380. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Tech Spec loads about 2.1k tokens when it runs. Until then it costs about 14 tokens; SKILL.md has 1,017 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from dmmulroy/skills at commit 8603380, republished under its MIT licence (© dmmulroy). 1,017 words, ~2,133 tokens.
.claude/skills/tech-spec/SKILL.md (or your agent's skills folder).A tech spec is a typed call-stack architecture handoff: code-shaped contracts plus execution flows. Prefer TypeScript pseudocode over prose wherever precision matters.
This skill is design-only. Do not implement. Save a file only when the user asks for a file; otherwise return the spec inline.
If a question can be answered by exploring the codebase, inspect the codebase instead of asking.
Completion criterion: the branch is chosen from actual available context; missing architectural decisions are not invented.
Inspect existing code and docs for local vocabulary, module layout, domain concepts, errors, adapters, observability, runtime patterns, and test style.
Completion criterion: the spec uses project vocabulary and does not introduce a pattern, library, adapter, schema style, or test strategy before checking local precedent.
Capture:
Mark unknowns as open questions instead of filling gaps with plausible design.
Completion criterion: every claimed requirement or constraint is grounded in conversation, code, docs, or an explicit open question.
Produce materially different alternatives before choosing the recommended design. Alternatives should differ in interface shape, seam placement, ownership, call stack, runtime topology, or module boundaries — not just names.
For each alternative, sketch:
Compare alternatives on:
Completion criterion: the recommendation is chosen after comparing alternatives, not before.
For the recommended design, outline every new, changed, or deleted:
Name seams, adapters, implementations, ownership boundaries, and what crosses each boundary. State what each layer may know and what must not leak across the seam.
Completion criterion: every new or changed boundary has a concrete type/interface/API sketch, or an explicit reason no new contract is needed.
For every new, changed, or deleted behavior, show the call stack from entrypoint to side effects and response.
Include type/data flow:
raw input
-> boundary DTO / unknown
-> parser
-> canonical domain/application input
-> service/module interface
-> adapter call
-> typed result/error
-> projection
-> serialized outputInclude current vs proposed flow when changing existing behavior. Include failure, retry, cancellation, transactionality, idempotency, observability, authorization, and runtime-hop flow when reachable.
Completion criterion: every affected behavior has an end-to-end call stack and type/data-flow trace.
List:
For each file, state the contract, code path, boundary, adapter, domain concept, or test responsibility it owns.
Completion criterion: every contract and call-stack step maps to a file/module or an open question.
Use the sibling TDD workflow and testing standards. Plan vertical Red-Green-Refactor slices: one failing behavior test, minimal implementation, repeat. Do not write a horizontal "all tests first, all code later" plan.
Favor behavior through public interfaces and real seams over implementation-coupled mocks.
Cover proportionately:
Completion criterion: every public behavior, invariant, important failure path, changed boundary, and changed seam has a red test slice or an explicit reason not to test it.
Return the spec inline unless the user requested a file path. If a file was requested, save it there.
Do not implement and do not ask to implement by default.
Completion criterion: the output follows the outline below and is implementation-ready for another engineer.
Use this shape unless the task is tiny enough to compress without losing contracts or call stacks:
# <Title>
## Summary
## Context / Current State
## Goals
## Non-Goals
## Invariants
## Design Constraints
## Alternatives Considered
### Option 1: <name>
### Option 2: <name>
### Option 3: <name>
## Recommendation
## Proposed Design
## Domain Model and Types
## Types, Interfaces, and APIs
## Seams, Boundaries, Adapters, and Implementations
## Call Stacks and Data Flow
### Current / Old Flow
### Proposed / New Flow
### Failure Flow
### Retry / Cancellation / Idempotency Flow
### Observability Flow
## Files to Add / Change / Delete
## RGR TDD Test Plan
## Risks and Open QuestionsOmit sections that truly do not apply, but do not omit typed contracts, seams, call stacks, or tests merely because they are hard to specify.
© dmmulroy, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in tech-spec of dmmulroy/skills.
Open the folder on GitHubat commit 8603380
Tech Spec next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Tech Spec this skilldmmulroy/skills | 429 | — | ~2.1k | Automated safety check: Pass | MIT | |
| Web Application Testinganthropics/skills | 180k | 51 repos | ~966 | Automated safety check: Pass | Apache-2.0 | |
| Diagnosing Bugsfossasia/eventyay-interpretation | 1.6k | 31 repos | ~2.1k | Automated safety check: Pass | Apache-2.0 | |
| TDDfossasia/eventyay-interpretation | 1.6k | 28 repos | ~1.1k | Automated safety check: Pass | Apache-2.0 | |
| TDD WorkflowhellangleZ/burn-in-cceverywhere-ralph | 112 | 11 repos | ~2.4k | Automated safety check: Pass | None | |
| TDDsanity-io/sanity | 6.4k | 20 repos | ~1k | Automated safety check: Pass | MIT |
anthropics/skills
Tests local web applications with Python Playwright scripts, checking frontend behavior, capturing screenshots and reading browser console logs.
fossasia/eventyay-interpretation
Diagnosis loop for hard bugs and performance regressions. An agent skill from fossasia/eventyay-interpretation.
fossasia/eventyay-interpretation
Test-driven development. An agent skill from fossasia/eventyay-interpretation.
hellangleZ/burn-in-cceverywhere-ralph
A skill your agent uses when writing new features, fixing bugs, or refactoring code.
sanity-io/sanity
Test-driven development with red-green-refactor loop. An agent skill from sanity-io/sanity.
Ibrahim-3d/orchestrator-supaconductor
A skill your agent uses when working with Conductor's context-driven development methodology, managing project context artifacts, or understanding the relationship between product.md, tech-stack.md…
dmmulroy/skills
Design Effect services. An agent skill from dmmulroy/skills.
dmmulroy/skills
Composition roots for Hono and Cloudflare. An agent skill from dmmulroy/skills.
dmmulroy/skills
Control Herdr, a terminl multiplexer for coding agents. An agent skill from dmmulroy/skills.
dmmulroy/skills
Correct-by-construction TypeScript standards. An agent skill from dmmulroy/skills.
dmmulroy/skills
Prelude bootstrapping for TypeScript. An agent skill from dmmulroy/skills.
Categories
Write a typed call-stack architecture handoff. An agent skill from dmmulroy/skills. Tech Spec is an agent skill from dmmulroy/skills. Write a typed call-stack architecture handoff.
Tech Spec fits situations like: testing & QA work in your project.
Run `npx skills add dmmulroy/skills --skill tech-spec -a claude-code`. Or copy the skill folder (tech-spec in dmmulroy/skills) into .claude/skills/tech-spec in your project. Claude Code loads it when a task matches its description.
Run `npx skills add dmmulroy/skills --skill tech-spec -a codex`. Or copy the skill folder (tech-spec in dmmulroy/skills) into .agents/skills/tech-spec in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add dmmulroy/skills --skill tech-spec -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/tech-spec, .gemini/skills/tech-spec, .github/skills/tech-spec and .opencode/skills/tech-spec in your project.
SKILL.md names no scripts, command-line tools or credentials: Tech Spec is instructions for the agent only.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Tech Spec is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.1k tokens (SKILL.md is roughly 8.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Tech Spec: Web Application Testing (anthropics/skills, 180k stars), Diagnosing Bugs (fossasia/eventyay-interpretation, 1.6k stars), TDD (fossasia/eventyay-interpretation, 1.6k stars) and TDD Workflow (hellangleZ/burn-in-cceverywhere-ralph, 112 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
dmmulroy (a GitHub user) maintains it in dmmulroy/skills, which has 429 GitHub stars. The repository holds 6 skills in this directory. The repository was last updated on July 23, 2026.
Source: dmmulroy/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.