verify-fe

Community

Ensure frontend health before commits and deploys

Authorminh2004pd
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps teams prevent broken frontend code by automatically running TypeScript type-checking, ESLint linting, and a production build from the frontend/ directory before commits or deployments.

Core Features & Use Cases

  • Type-checking: Verifies TypeScript types to catch errors ESLint might miss.
  • Linting: Enforces coding standards with ESLint and reports all violations.
  • Build validation: Executes a full tsc and vite build to catch import, env, and bundling issues during production prep.
  • Use Case: Pre-merge checks in CI pipelines or local pre-commit hooks to guarantee deploy-ready frontend code.

Quick Start

From the frontend/ directory, run type-check, lint, and build in order and report the first failure, or success if all pass.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: verify-fe
Download link: https://github.com/minh2004pd/chatbotfullpipeline/archive/main.zip#verify-fe

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.