skills.rest
MaShouo
MaShouoCOMMUNITY
Explore all skills by this author →
GitHub

before-frontend-dev

Review frontend guidelines to enforce component design, naming, and styling standards.

Updated Aug 27, 2026
Search Tags:#consistency#onboarding#frontend#guidelines#coding-standards#ui-patterns
One-click install
npx skills add https://github.com/MaShouo/CodexAuthExchange --skill before-frontend-dev-mashouo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: before-frontend-dev
Source: https://github.com/MaShouo/CodexAuthExchange/tree/main/.agents/skills/before-frontend-dev
Command: npx skills add https://github.com/MaShouo/CodexAuthExchange --skill before-frontend-dev-mashouo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a concise frontend development guideline reference to read before starting work, helping ensure consistency and quality across tasks.

Core Features & Use Cases

  • Centralized frontend standards referenced during project kickoff and onboarding.
  • Quick access to recommended practices for component design, naming, styling, and tooling.
  • Use Case: onboarding a new developer to align on UI patterns and coding conventions.

Quick Start

Review the frontend guidelines in the repository and apply the relevant rules to your upcoming 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 coding standards during project onboarding?▼

To enforce frontend coding standards during onboarding, reference a central guidelines document to align new developers on UI patterns, component design, and naming conventions for consistent code quality.

What are the best frontend guidelines to review before starting UI component design?▼

The best frontend guidelines to review cover component design, naming, styling, and tooling practices. Accessing a centralized standards document ensures quick decisions for UI components and architecture.

Do I need a central guidelines document to maintain frontend consistency?▼

Yes, you need a central guidelines document to maintain frontend consistency. The skill requires easy access to the latest rules to guide architecture, review checklists, and styling decisions across tasks.

How does centralizing UI patterns and coding conventions improve code review checklists?▼

Centralizing UI patterns and coding conventions improves code review checklists by providing a clear reference for architecture and styling decisions. This ensures consistent code quality across frontend tasks.

Can I use this approach for frontend architecture decisions without prior coding standards setup?▼

No, you cannot use this approach without prior setup. The skill requires the presence of a central guidelines document and easy access to the latest rules to guide frontend architecture and review decisions.

Related Skills

Explore More Software Engineering Skills→
raybargasraybargas

Frontend Responsive

Implement responsive frontend layouts using HTML, CSS, and JavaScript across breakpoints.

Community
Basic
yknothingyknothing
1

feature-development

Implement reviewed task slices behind test boundaries for code review.

Community
Advanced
rogsmerogsme

review-conventions

Automates code style checking and fixing with configurable rulesets and linters/formatters.

Community
Advanced
ianyimiianyimi
1

Global Coding Style

Enforce global coding style guidelines across multi-language codebases.

Community
Basic