Frontend Dev Guidelines

What it does

This skill provides a structured framework for frontend development guidelines, ensuring consistency and best practices within web projects. It helps AI agents generate code that adheres to specific architectural standards and maintainability requirements.

When to use it

• Establishing a unified coding style across large teams or multiple microservices.
• Generating boilerplate code that automatically enforces project-specific linting rules.
• Creating documentation templates for component architecture and state management patterns.
• Refactoring legacy codebases to align with modern frontend development standards.

Key capabilities

• Defines clear architectural patterns for scalable frontend applications.
• Enforces consistent naming conventions, file structures, and directory organization.
• Integrates best practices for performance optimization and accessibility compliance.
• Supports generation of reusable component libraries with standardized interfaces.

Example prompts

• "Generate a React component following the project's frontend development guidelines."
• "Create a TypeScript utility function that adheres to our established coding standards."
• "Draft a README section explaining how new developers should structure their code using these guidelines."

Tips & gotchas

Ensure your AI agent has access to the specific style guide or configuration files referenced in the skill's context. This skill is most effective when paired with existing project documentation to avoid conflicts between custom rules and general best practices.