template

What problem does it solve?

This Skill helps you create or edit Django templates using established conventions, enabling faster frontend delivery with reusable cotton components, consistent Tailwind usage, and a clear template structure across apps. It reduces boilerplate, ensures UI consistency, and accelerates frontend work.

Core Features & Use Cases

• Template Organization & Naming: Templates are organized by app in freedom_ls/<app_name>/templates/, with clear conventions for pages, cotton components, partials, and base templates.
• Cotton Components & Partials: Reuse cotton components and template partials to compose pages, promoting consistency and DRY practices.
• Tailwind CSS Guidance: Guidance to check tailwind.input.css first and use base styles to maintain consistent typography and forms.
• HTMX & Alpine Integration: Patterns for dynamic content loading and reactive UI using HTMX and Alpine.js where applicable.
• Use Case: Rapidly create a new app page by combining a page template, cotton components, and partials, while adhering to project conventions.

Quick Start

Use the template skill to create a new Django page template at freedom_ls/<app_name>/templates/<app_name>/<page_name>.html, reusing cotton components from freedom_ls/<app_name>/templates/cotton/ and partials from freedom_ls/<app_name>/templates/partials/. Extend the base template _base.html, and run tailwind_build if you introduce new Tailwind classes.