How do I install the Validate Frontend skill?

Run npx skillmds@latest add majiayu000/validate-frontend in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Validate Frontend skill do?

Validates web frontend code (TypeScript, ESLint, unit tests) in the frontend/ directory It is listed under Web & Frontend on SkillMD.

Is Validate Frontend safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Validate Frontend?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Validate Frontend free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Validate Frontend?

majiayu000 (@majiayu000) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Validate Frontend by majiayu000 — Agent Skill

Name: Validate Frontend
Rating: 4.2 (5 reviews)
Author: majiayu000

File contents

Validate Frontend Skill

CLAUDE: When this skill is invoked with /validate-frontend, run these commands in sequence:

cd frontend && bun run type-check && bun run lint && bun run test -- --run

Purpose

Validates the web frontend codebase (Vite + React + TypeScript) for type safety, lint compliance, and test correctness.

Usage

/validate-frontend

What It Validates

Tier 0: TypeScript (fastest feedback)

cd frontend && bun run type-check

Catches type errors before runtime
Validates all .ts and .tsx files
Uses tsconfig.json configuration

Tier 1: ESLint

cd frontend && bun run lint

React hooks rules
React refresh compliance
Import ordering
Code style consistency

Tier 2: Unit Tests

cd frontend && bun run test -- --run

Runs Vitest in single-run mode
Tests components, hooks, and utilities
Uses Testing Library for React

Full Validation Command

cd frontend && bun run type-check && bun run lint && bun run test -- --run

Additional Commands

E2E Tests (requires browser, run before PR)

cd frontend && bun run test:e2e

Integration Tests

cd frontend && bun run test:integration

Coverage Report

cd frontend && bun run test:coverage

Interactive Test UI

cd frontend && bun run test:ui

Success Criteria

All TypeScript files compile without errors
Zero ESLint violations
All unit tests pass
No type regressions

Related Skills

frontend-design - Design system compliance
accessibility-check - WCAG compliance audit
design-review - Visual consistency review

Frequently asked questions

Validate Frontend