coding-html

Enforce HTML and Jinja2 template coding standards for syntax, style, and commenting.

37|1|Updated Oct 20, 2025
One-click install
npx skills add https://github.com/ScotterMonk/AgentAutoFlow --skill coding-html
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-html
Source: https://github.com/ScotterMonk/AgentAutoFlow/tree/main/.roo/skills/coding-html
Command: npx skills add https://github.com/ScotterMonk/AgentAutoFlow --skill coding-html

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill ensures that HTML and Jinja2 templates are written and maintained according to established best practices, improving code quality, readability, and maintainability.

Core Features & Use Cases

  • Syntax and Style Enforcement: Enforces consistent use of double quotes, spacing, and indentation.
  • CSS and JavaScript Best Practices: Guides on preferring classes and external files over inline styles and scripts.
  • Jinja2 Template Optimization: Provides rules for template inheritance, comments, variable handling, and reusability.
  • Mandatory Commenting: Requires specific comment headers for all created or modified sections.
  • Use Case: When developing a new web page or updating an existing template, this skill will guide the AI to adhere to the project's coding standards, ensuring consistency across the codebase.

Quick Start

Use the coding-html skill to refactor the provided HTML snippet to adhere to the defined coding standards.

Frequently Asked Questions about coding-html

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

FAQPage Schema
How do I enforce consistent HTML and Jinja2 coding standards when writing templates?

Enforcing HTML and Jinja2 coding standards requires applying consistent syntax rules for quoting, spacing, and indentation. This ensures template reusability and maintainability across web development projects by guiding the AI to adhere to project-specific best practices.

What are the best practices for refactoring HTML to improve code quality?

Refactoring HTML for code quality involves prefering classes and external files over inline styles and scripts. It also requires mandatory comment headers for created or modified sections, ensuring readability and consistent style across the codebase.

How do I optimize Jinja2 templates for better maintainability?

Optimizing Jinja2 templates for maintainability involves utilizing template inheritance, proper variable handling, and specific commenting rules. This approach improves template reusability and enforces coding standards for web development.

Can I use this approach to standardize inline HTML and JavaScript in web templates?

Yes, you can standardize inline HTML and JavaScript in web templates using these coding rules. The guidelines specifically direct users to prefer external files and classes over inline scripts and styles, ensuring cleaner, more maintainable code.

Do I need specific dependencies to apply these HTML coding standards?

No specific dependencies are required to apply these HTML coding standards. The skill operates independently to enforce syntax, style, and commenting rules for HTML and Jinja2 template development without needing external modules.

Why does my HTML template lack consistency during web development?

HTML templates lack consistency during web development when established coding standards for quoting, spacing, and indentation are not applied. Enforcing specific style and syntax rules resolves this issue, improving overall code quality and readability.