--- name: add-template description: Create or edit Flint page templates (HTML with {{tag}} placeholders). Use when adding new page layouts or modifying the structural skeleton of pages. --- # Add / Edit a Template Create or modify HTML page templates in `templates/`. Templates define page structure and layout using `{{tag}}` placeholders — no TypeScript needed. ## When to Use - Adding a new page layout (sidebar, full-width, article, landing page) - Modifying where navigation, content, or footer appear on a page - Composing existing components into a new arrangement ## Procedure ### 1. Check existing templates Before creating a new template, check `templates/` — reuse or copy an existing one if close enough. | Name | Purpose | |------|---------| | `default` | Standard page (nav, content, label footer) | | `blank` | Minimal shell (content + scripts only) | | `blog-post` | Article layout with byline header | | `shop` | Shop layout with cart widget | | `agent-info` | Two-column with sidebar (skills page) | ### 2. Create the file Create `templates/.html`. Start from this skeleton: ```html {{head}}

{{foot-scripts}} ``` ### 3. Place tags **Required in every template:** - `{{head}}` — opens ``, ``, `` with meta/CSS - `{{content}}` — compiled Markdown body - `{{foot-scripts}}` — closing `

add-template

Scan your own AI components