check-frontend

Validate frontend code against development guidelines and conventions.

Updated Feb 11, 2026
One-click install
npx skills add https://github.com/WanxiaJaneYang/mvp-agent --skill check-frontend-wanxiajaneyang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: check-frontend
Source: https://github.com/WanxiaJaneYang/mvp-agent/tree/main/.agents/skills/check-frontend
Command: npx skills add https://github.com/WanxiaJaneYang/mvp-agent --skill check-frontend-wanxiajaneyang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that newly written frontend code adheres to established development guidelines, preventing the introduction of unapproved conventions and maintaining code quality.

Core Features & Use Cases

  • Guideline Enforcement: Verifies code against specific frontend development rules.
  • Convention Validation: Checks for adherence to component, hook, state management, and type safety standards.
  • Use Case: After implementing a new UI component, use this Skill to automatically check if it meets all the defined quality and style guidelines before merging.

Quick Start

Run the check-frontend skill to review your recent code changes against the frontend guidelines.

Frequently Asked Questions about check-frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce frontend development standards in my codebase?

Frontend convention validation checks newly written UI code against established development guidelines. It reads `.treellis/spec/frontend/index.md` to verify components, hooks, state management, and type definitions meet quality and architectural standards before merging.

How do I check if my new UI component meets code review guidelines?

To check if a new UI component meets code review guidelines, validate it against frontend development conventions. This process requires reading project specification files to verify adherence to component, state management, and type safety standards.

Do I need specific guideline files to validate frontend code conventions?

Yes, validating frontend code conventions requires reading `.trellis/spec/frontend/index.md` and related guideline files within your project's source tree. These files provide the established development rules needed to ensure compliance and architectural quality.

What is the best way to ensure frontend type safety and state management quality?

The best way to ensure frontend type safety and state management quality is to validate code changes against established development guidelines. This prevents the introduction of unapproved conventions and maintains architectural standards across the frontend source tree.

When do I need to run a frontend convention check?

You need to run a frontend convention check after implementing new UI components, hooks, or type definitions. It reviews recent code changes against development guidelines to prevent unapproved conventions before merging into the main project.

Why does my frontend code fail architectural quality checks?

Frontend code fails architectural quality checks when newly written code does not adhere to established development guidelines. Validating components and hooks against specification files like `.trellis/spec/frontend/index.md` identifies unapproved conventions causing the failure.