skills.rest
WanxiaJaneYang
WanxiaJaneYangCOMMUNITY
Explore all skills by this author →
GitHub

before-frontend-dev

Direct users to frontend development guidelines in `.trellis/spec/frontend/index.md` before coding.

Updated Feb 11, 2026
Search Tags:#development#best practices#frontend#guidelines#code standards
One-click install
npx skills add https://github.com/WanxiaJaneYang/mvp-agent --skill before-frontend-dev-wanxiajaneyang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: before-frontend-dev
Source: https://github.com/WanxiaJaneYang/mvp-agent/tree/main/.agents/skills/before-frontend-dev
Command: npx skills add https://github.com/WanxiaJaneYang/mvp-agent --skill before-frontend-dev-wanxiajaneyang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that frontend development tasks adhere to established guidelines and conventions, preventing the creation of unmaintainable or inconsistent code.

Core Features & Use Cases

  • Guideline Enforcement: Provides access to and directs the user to read specific frontend development guidelines.
  • Early Stage Validation: Stops development if the project lacks a frontend structure, prompting for spec setup instead.
  • Use Case: Before starting to implement a new UI component, a developer uses this Skill to quickly review the component guidelines and ensure their implementation aligns with project standards.

Quick Start

Read the frontend development 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 enforce frontend development guidelines before writing code?▼

To enforce frontend development guidelines, this Skill directs you to read specific documentation within the repository, requiring you to review `.trellis/spec/frontend/index.md` and related files before coding to ensure consistency in components and state management.

What are the best practices for maintaining frontend code standards in a repository?▼

Maintaining frontend code standards involves accessing established guidelines early to prevent unmaintainable code. This Skill enforces adherence by directing developers to read specific component, hook, and type safety documentation before starting implementation tasks.

How do I start frontend development if my project lacks a basic structure?▼

If your project lacks a frontend structure, this Skill stops development immediately and prompts you to complete the spec setup instead. It ensures early stage validation by requiring a defined structure before allowing coding tasks to proceed.

When do I need to review frontend component and type safety guidelines?▼

You need to review frontend component and type safety guidelines before starting any frontend development task. This Skill ensures you read the specific documentation files in the repository first, preventing the creation of inconsistent code practices.

Does this frontend guidelines enforcement work with all UI component tasks?▼

Yes, this guideline enforcement is applicable to all frontend development tasks. It ensures consistency across component, hook, state management, and type safety practices by directing you to read the relevant repository documentation beforehand.

Related Skills

Explore More Software Engineering Skills→
LonelyHerbivoreLonelyHerbivore
92

integrate-skill

Integrate external skill guidance into Trellis spec documentation and example templates.

Community
Intermediate
LinXueyuanStdioLinXueyuanStdio
2

before-frontend-dev

Review frontend guidelines before implementing component, hook, state, or type-safety changes.

Community
Basic
jfrometajfrometa

lint-and-validate

Run lint, type checks, and security audits on Node.js and Python projects.

Community
Advanced
dalawwadalawwa

ddd:setup-code-formating

Create a code formatting configuration and embed it in CLAUDE.md.

Community
Basic