From templ-templates
Edit and troubleshoot server-side HTML templates (.templ files for Go's templ framework), including regeneration and handler wiring. Use when changing UI components, layouts, or page templates.
How this skill is triggered — by the user, by Claude, or both
Slash command
/templ-templates:templ-templatesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
- Editing `.templ` files, regenerating `*_templ.go`, or wiring handlers to generated render functions.
.templ files, regenerating *_templ.go, or wiring handlers to generated render functions.code-generation)..templ file being changed and its consumers.templ generate, make templ-generate, or make generate)..templ file, make the edit, regenerate, then go build before running tests.Find .templ files in your project:
find . -name "*.templ" -not -path "*/vendor/*"
Common locations: internal/, templates/, web/, or alongside handlers.
.templ file.*_templ.go):templ generate # or: make templ-generate / make generate
go build ./...
make test
.templ source files and regenerated *_templ.go artifacts produced through the repo's normal templ command.Content-Type: text/html; charset=utf-8 for rendered responses.Content-Type: text/html; charset=utf-8.*_templ.go files by hand — they are overwritten by templ generate.Content-Type: text/html; charset=utf-8 on handler responses rendering templates.| Symptom | Fix |
|---|---|
Compile errors referencing missing *_templ.go symbols | Run templ generate |
| Template renders stale output | Rebuild — Go does not auto-detect .templ changes |
| Logic creep in templates | Move conditions/computations to the handler; pass pre-computed values |
.templ files.go build or the repo's narrow build target, then relevant tests for handlers or pages touched.references/examples.md when you need concrete user utterances, expected behaviour, or a model answer shape to mirror.references/edge-cases.md when the request is a near miss, partially matches this skill, or the first attempt fails.Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.
npx claudepluginhub matt-riley/lucky-hat --plugin templ-templates