Best Practices

The davila7-best-practices skill provides a curated set of coding standards and architectural guidelines specifically designed for frontend development workflows. It helps AI agents generate cleaner, more maintainable code by enforcing consistent patterns across HTML, CSS, and JavaScript implementations.

When to use it

• Refactoring legacy frontend codebases to align with modern industry standards.
• Generating new components that adhere to a specific team's style guide automatically.
• Auditing existing projects for common pitfalls like inconsistent naming conventions or lack of accessibility features.
• Onboarding AI agents into a project environment where strict adherence to established best practices is required.

Key capabilities

• Enforces consistent frontend coding standards across different file types.
• Promotes maintainable architecture patterns suitable for scalable applications.
• Integrates directly into Claude Code templates for immediate application during generation.
• Covers essential frontend disciplines including structure, styling, and logic organization.

Example prompts

• "Apply the davila7-best-practices template to refactor this React component for better performance."
• "Generate a new landing page section using davila7-best-practices guidelines for CSS and HTML."
• "Audit my existing JavaScript module against the davila7 best practices and list necessary changes."

Tips & gotchas

This skill is optimized for frontend contexts; ensure your project files are accessible before requesting refactoring. While it enforces strong standards, complex legacy systems may require manual overrides to accommodate unique business logic constraints.