check-frontend

Automate frontend guideline conformance checks on Vue code changes.

1|2|Updated Feb 8, 2026
One-click install
npx skills add https://github.com/OriginHubAI/dcai-demo-platform --skill check-frontend-originhubai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: check-frontend
Source: https://github.com/OriginHubAI/dcai-demo-platform/tree/main/.agents/skills/check-frontend
Command: npx skills add https://github.com/OriginHubAI/dcai-demo-platform --skill check-frontend-originhubai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill ensures frontend code adheres to established guidelines, reducing regression risk and maintaining consistency across the codebase.

Core Features & Use Cases

  • Guideline-consistency checks: Cross-checks code changes against the team's frontend standards.
  • Immediate feedback: Provides quick validation during development and before merging.
  • Use Case: After implementing a small feature, run this skill to verify adherence to guidelines and catch deviations early.

Quick Start

Run the check-frontend skill on your latest commit to validate frontend guideline compliance.

Frequently Asked Questions about check-frontend

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

FAQPage Schema
How do I automate frontend guideline conformance checks on Vue code changes?

Frontend guideline conformance checks automate validation of Vue component, hook, state-management, and types changes against established standards. This skill reads guidelines from .trellis/spec/frontend and reports violations with actionable fixes during development and pre-merge checks.

What is the best way to verify Vue component code against team frontend standards?

Verifying Vue component code against team frontend standards is handled by cross-checking changes against established guidelines. This skill reads standards from .trellis/spec/frontend to catch deviations early and reduce regression risk before merging.

Can I run deterministic frontend code validation in both local and CI environments?

Deterministic frontend code validation supports both local and CI environments. The skill applies automated guideline checks to Vue-based component, hook, state-management, and types changes, providing immediate feedback during development and pre-merge checks.

How do I get actionable feedback on frontend guideline violations after implementing a feature?

Getting actionable feedback on frontend guideline violations requires running a validation check on your latest commit. The skill cross-checks code changes against standards in .trellis/spec/frontend and reports deviations with specific fixes to maintain consistency.

Does frontend code review support state-management and types changes in Vue projects?

Frontend code review supports state-management and types changes in Vue projects. The automated conformance checks specifically target these change types alongside components and hooks, verifying adherence to guidelines located in .trellis/spec/frontend.

Why does my frontend code fail pre-merge checks despite passing local linting?

Frontend code failing pre-merge checks despite passing local linting indicates a deviation from established team guidelines. This skill cross-checks Vue component, hook, state-management, and types changes against .trellis/spec/frontend standards to identify violations local linters may miss.