before-frontend-dev

Review frontend guidelines before starting development tasks.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend developers often dive into tasks without aligning to project guidelines, leading to inconsistent code and wasted effort.

Core Features & Use Cases

  • Read and understand the frontend guidelines from the repository spec to align tasks.
  • Identify and apply relevant guideline files (component, hook, state management, type-safety) to your task.
  • Use as part of onboarding to standardize coding practices and accelerate kickoff.

Quick Start

Open .trellis/spec/frontend/index.md and review the relevant frontend guidelines before starting your development task.

Frequently Asked Questions about before-frontend-dev

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

FAQPage Schema
How do I ensure my frontend code aligns with project guidelines before development?

To align frontend code with project guidelines, review the repository spec and identify relevant files for components, hooks, state management, and type-safety before implementation. This mandatory pre-development review ensures coding consistency and structured planning.

What are frontend development guidelines and when do I need them?

Frontend development guidelines are project-specific standards for components, hooks, state management, and type-safety. They are needed before starting any frontend task to prevent inconsistent code and wasted effort from unaligned development practices.

How to start frontend onboarding with coding standards and component guidelines?

Start frontend onboarding by opening the repository spec to read and understand the frontend guidelines. This standardizes coding practices for new developers, accelerating kickoff by ensuring adherence to component and hook standards.

Does this pre-development review apply to state management and hook guidelines?

Yes, the pre-development review applies to state management and hook guidelines. It identifies and applies relevant guideline files from the repository spec to your specific task, ensuring type-safety considerations and component standards are met.

Why does unaligned frontend development cause inconsistent code?

Unaligned frontend development causes inconsistent code because developers dive into tasks without consulting project guidelines. Bypassing the mandatory review of component, hook, and state management standards leads to wasted effort and fragmented codebases.

What is the best way to plan a frontend development task using coding standards?

The best way to plan a frontend task is to review the official guidelines in the repository spec first. This creates a structured implementation plan that satisfies project-specific requirements for components, hooks, state management, and type-safety.