coding-html
When html or jinja are being written or edited.
When & Why to Use This Skill
This Claude skill streamlines the development and editing of HTML and Jinja templates by enforcing professional coding standards. It focuses on producing clean, readable, and maintainable code by prioritizing externalized assets (CSS/JS), maintaining compact syntax, and preventing accidental file overwrites through automated timestamping.
Use Cases
- Standardizing Web Templates: Automatically format HTML and Jinja code to ensure consistent spacing and high readability across complex web projects.
- Code Refactoring: Identify and migrate inline CSS and JavaScript into external files to follow modern web development best practices and improve site performance.
- Safe Asset Management: Prevent file collisions during the coding process by automatically appending timestamps to new files if a filename already exists.
- Documentation Preservation: Ensure that critical context is never lost by automatically preserving existing, relevant comments during code edits and updates.
| name | coding-html |
|---|---|
| description | When html or jinja are being written or edited. |
HTML coding standards
Syntax & Style
Spacing: Keep vertical spacing compact (no excessive blank lines). Readability: Prioritize readable code over "clever" one-liners.
CSS
In-line css: Prefer use of classes from .css files to in-line css, unless explicitely justified.
JS
In-line js: Prefer including from functions in .js files to in-line js, unless explicitly justified.
Comments
Preserve comments: Do NOT delete existing, still relevant comments.
Logic & Operations
File Collisions: If a file exists, append _[timestamp] to the new filename. Simplicity: Choose the simplest working solution.