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.