before-frontend-dev

Read frontend guidelines before coding and prepare a development plan.

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/Lin117-shygo/ros_car --skill before-frontend-dev-lin117-shygo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: before-frontend-dev
Source: https://github.com/Lin117-shygo/ros_car/tree/main/.agents/skills/before-frontend-dev
Command: npx skills add https://github.com/Lin117-shygo/ros_car --skill before-frontend-dev-lin117-shygo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Read the frontend guidelines before coding to reduce rework and ensure consistency in frontend work.

Core Features & Use Cases

  • Guideline discovery: quickly locate and read frontend standards in the repo.
  • Task alignment: map tasks to the relevant guideline (Component work, Hook work, State management, Type questions).
  • Onboarding acceleration: ensure new contributors start with project standards.

Quick Start

Read the guidelines and prepare your frontend development plan before coding.

Frequently Asked Questions about before-frontend-dev

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

FAQPage Schema
How do I find frontend guidelines in a repository before starting development?

To find frontend guidelines before development, read the project standards located under the .trellis/spec/frontend directory. This ensures your code planning aligns with mandatory project specifications and reduces rework.

What is the best way to align frontend tasks with existing code quality standards?

The best way to align frontend tasks with code quality standards is mapping your specific work component, like Hook work or State management, to the relevant project guideline. This ensures adherence to established best practices during feature planning.

How do I prepare a frontend development plan for a new contributor?

To prepare a frontend development plan for a new contributor, read the frontend guidelines and map the planned tasks to the relevant standards. This accelerates onboarding by ensuring new contributors start with project standards.

Do I need specific frontmatter when planning frontend feature work?

Yes, you need specific frontmatter when planning frontend feature work. You must include mandatory frontmatter fields, specifically name and description, to satisfy project standards and ensure your task is properly documented.

When should I read frontend guidelines during the software engineering lifecycle?

You should read frontend guidelines when starting frontend tasks, planning feature work, or performing code reviews. Reading standards before coding ensures adherence to guidelines and reduces consistency issues and rework.