Frontend TypeScript Testing

Frontend TypeScript Testing is a Quality skill for Claude Code, published by shinpr in ai-coding-project-boilerplate.

227 stars25 forkson shinpr/ai-coding-project-boilerplateAdded 2026/09/03Repository updated 2026/09/01

agent-skillsagentic-aiagentic-workflowai-agentsanthropicboilerplateclaude-codecontext-engineeringdeveloper-toolsllm-orchestrationproductivityquality-gatestypescript

Install in seconds

Install Frontend TypeScript Testing

Copy Frontend TypeScript Testing into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/shinpr/ai-coding-project-boilerplate/tree/main/.claude/skills-en/frontend-typescript-testing ~/.claude/skills/frontend-typescript-testing

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/shinpr/ai-coding-project-boilerplate.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .claude/skills-en/frontend-typescript-testing/SKILL.md in shinpr/ai-coding-project-boilerplate
Installs to: ~/.claude/skills/frontend-typescript-testing
Collection: One of 25 skills cataloged from this repository
Category: Quality — 1478 skills

What Frontend TypeScript Testing does

Frontend TypeScript Testing designs React component, integration, and browser E2E tests using the repository’s configured harnesses such as RTL, MSW, Vitest, and Playwright. Use it when adding or reviewing loading, error, interaction, or cross-feature frontend tests.

Frontend TypeScript Testing is cataloged under Quality on DirSkills. Frontend TypeScript Testing comes from a repository tagged agent-skills, agentic-ai, agentic-workflow, ai-agents and anthropic.

Documentation

README

Excerpt

TypeScript Testing Rules (Frontend)

Prerequisite Detection

Inspect package.json, the lockfile, test configuration, and existing test imports before selecting a framework or command. Apply Vitest, React Testing Library, MSW, or Playwright rules only when the dependency/configuration is present. Use the repository's configured equivalent when different. If no runnable harness can be identified, report the inspected paths and the missing framework or command instead of inventing one.

References

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Frontend TypeScript Testing

What else does shinpr publish alongside Frontend TypeScript Testing?
Frontend TypeScript Testing is one of 25 skills that DirSkills catalogs from shinpr/ai-coding-project-boilerplate, the repository it ships in. Its siblings there include Coding Standards, Coding Standards and Create Skill. Each one is a separate skill with its own page in this directory, installs the same way Frontend TypeScript Testing does, and is maintained by shinpr in that same repository. The rest of the collection is listed on the shinpr/ai-coding-project-boilerplate page.
How does Frontend TypeScript Testing compare to other Quality skills?
Frontend TypeScript Testing ranks #1372 by stars among the 1478 Quality skills in this catalog. The most-starred ones next to it are Benchmark, Benchmark Optimization Loop and API Design Patterns. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Frontend TypeScript Testing against them. Open each page to compare what they document and how they install.