Agent skill

Templ HTTP

by Xe in Xe/site

Integrate templ components with Go HTTP server using net/http.

ZlibAuto-check passed

Install Templ HTTP

skills CLI
$ npx skills add Xe/site --skill templ-http -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Xe/site templ-http --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Xe/site.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/templ-http .claude/skills/templ-http && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
templ-http
GitHub stars
731
Token cost
~591 tokens
SKILL.md length
176 words
Files
4
Skills in repo
12
Repo updated
First seen
Licence
Zlib

At a glance

Integrate templ components with Go HTTP server using net/http.

  • Works in 4 steps: Parse request input. → Build view model/data. → Render templ component with r.Context(). → …
  • Connecting templ to web server
  • SKILL.md covers Level 1: Minimal Integration, Level 2: Routing and Request…, Level 3: Production Patterns and Escalate to Other Skills, plus 1 more section
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Templ HTTP is an agent skill from Xe/site. Integrate templ components with Go HTTP server using net/http. Use when connecting templ to web server, creating HTTP handlers, mentions 'templ server', 'HTTP routes', or 'serve templ components'.

Its SKILL.md is about 590 tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files (for example `resources/handlers-and-routing.md`, `resources/middleware-and-errors.md` and `resources/request-and-response-patterns.md`).

The repository describes itself as: The new frontend/backend code for https://xeiaso.net. The licence is Zlib.

When your agent uses it

  • Connecting templ to web server
  • Creating HTTP handlers
  • Mentions templ server
  • Serve templ components

Example prompts

  • “templ server”
  • “HTTP routes”
  • “serve templ components”
  • “/templ-http”

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Parse request input.
  2. Build view model/data.
  3. Render templ component with r.Context().
  4. Handle render errors and status codes.

What it can do on your machine

Read from SKILL.md and the folder at commit 45c532e. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are go).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • pkg.go.dev
    • templ.guide

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Templ HTTP loads about 591 tokens when it runs. Until then it costs about 52 tokens; SKILL.md has 176 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~52
When it runs · the whole SKILL.md, loaded when a task matches
~591

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from Xe/site at commit 45c532e, republished under its Zlib licence (© Xe). 176 words, ~591 tokens.

Download SKILL.mdSave it as .claude/skills/templ-http/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
templ-http
description
Integrate templ components with Go HTTP server using net/http. Use when connecting templ to web server, creating HTTP handlers, mentions 'templ server', 'HTTP routes', or 'serve templ components'.

Templ HTTP Integration

Use progressive disclosure: begin with the handler pattern, then add routing and middleware only as needed.

Level 1: Minimal Integration

Use this skill when serving templ from net/http.

  1. Parse request input.
  2. Build view model/data.
  3. Render templ component with r.Context().
  4. Handle render errors and status codes.
go
func homeHandler(w http.ResponseWriter, r *http.Request) {
    if err := components.HomePage().Render(r.Context(), w); err != nil {
        http.Error(w, "render failed", http.StatusInternalServerError)
        return
    }
}

Level 2: Routing and Request Data

  • Routes: start with http.NewServeMux() and explicit handlers.
  • Methods: branch on r.Method when endpoint serves multiple actions.
  • Input sources: query (r.URL.Query()), form (r.ParseForm() + FormValue), path segments.
  • Status discipline: set status before rendering non-200 responses.
  • Post/Redirect/Get: redirect after successful form POSTs.

Level 3: Production Patterns

  • Add middleware for auth/logging/request IDs.
  • Return component-based error pages for consistent UX.
  • Serve static files with http.FileServer and a dedicated prefix.
  • Keep handler functions thin; move business logic into services.
go
func usersHandler(w http.ResponseWriter, r *http.Request) {
    switch r.Method {
    case http.MethodGet:
        users := listUsers(r.Context())
        _ = components.UserList(users).Render(r.Context(), w)
    default:
        http.Error(w, "method not allowed", http.StatusMethodNotAllowed)
    }
}

Escalate to Other Skills

  • Need reusable view APIs: use templ-components.
  • Need HTMX partial responses: use templ-htmx.
  • Need syntax corrections in .templ: use templ-syntax.

References

© Xe, Zlib. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 3 other files in .agents/skills/templ-http of Xe/site.

  • SKILL.md
  • resources/handlers-and-routing.md
  • resources/middleware-and-errors.md
  • resources/request-and-response-patterns.md

Open the folder on GitHubat commit 45c532e

Compare with similar skills

Templ HTTP next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Templ HTTP compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Templ HTTP this skillXe/site731—~591Automated safety check: PassZlib
Integration Testingthedaviddias/Front-End-Checklist74k—~514Automated safety check: PassMIT
API Integrationsickn33/agentic-awesome-skills47k1 repos~1.3kAutomated safety check: PassMIT
Graham Net Netquestflowai/investorskills1.9k—~478Automated safety check: PassMIT
Labarchive Integrationdavila7/claude-code-templates32k10 repos~2.3kAutomated safety check: PassMIT
Creating Oracle To Postgres Migration Integration Testsgithub/awesome-copilot40k—~1.1kAutomated safety check: PassMIT

Similar skills

  • Integration Testing

    thedaviddias/Front-End-Checklist

    A skill your agent uses when reviewing CI coverage, automated checks, or test strategy related to Write integration tests for key workflows.

    74k GitHub stars~514 tokensUpdated yesterday
    Testing & QAAuto-check passed
  • API Integration

    sickn33/agentic-awesome-skills

    Designs event-driven architectures, webhook systems, API chaining flows, ETL pipelines, and integration patterns between services.

    47k GitHub starsUsed in 1 repo~1.3k tokens
    Backend & APIsAuto-check passed
  • Graham Net Net

    questflowai/investorskills

    A skill your agent uses when evaluating Benjamin Graham-style deep value: net-nets, working capital bargains, margin of safety, statistical cheapness, and balance-sheet protection.

    1.9k GitHub stars~478 tokensUpdated 1 mo ago
    Business, Finance & HRAuto-check passed
  • Labarchive Integration

    davila7/claude-code-templates

    Electronic lab notebook API integration. An agent skill from davila7/claude-code-templates.

    32k GitHub starsUsed in 10 repos~2.3k tokens
    Backend & APIsAuto-check passed
  • Official

    Builds and packs .NET MAUI, installs the local workloads and runs integration tests for templates, samples and end-to-end scenarios by category.

    23k GitHub stars~2.1k tokensUpdated today
    Testing & QAAuto-check passed
  • Stop Slop

    Xe/site

    Remove AI writing patterns from prose. An agent skill from Xe/site.

    731 GitHub starsUsed in 8 repos~423 tokens
    Auto-check passed
  • Choose and create the right Neon branch type for testing and development.

    731 GitHub starsUsed in 3 repos~2.4k tokens
    Auto-check: notes
  • Guides and best practices for working with Neon Serverless Postgres.

    731 GitHub starsUsed in 2 repos~1.8k tokens
    Auto-check passed
  • A skill your agent uses when creating git commits, writing commit messages, or following version control workflows

    731 GitHub stars~1.3k tokensUpdated 2 days ago
    Auto-check passed
  • A skill your agent uses when asked to generate a "no way to prevent this" / no-way-to-prevent-this satire post for a memory-safety CVE (out-of-bounds write/read, buffer/heap overflow…

    731 GitHub stars~816 tokensUpdated 2 days ago
    Auto-check passed
  • Create reusable templ UI components with props, children, and composition patterns.

    731 GitHub stars~552 tokensUpdated 2 days ago
    Auto-check passed

Questions about Templ HTTP

What does Templ HTTP do?

Integrate templ components with Go HTTP server using net/http. Templ HTTP is an agent skill from Xe/site. Integrate templ components with Go HTTP server using net/http.

When should I use Templ HTTP?

Templ HTTP fits situations like: connecting templ to web server; creating HTTP handlers; mentions templ server; serve templ components.

How do I install Templ HTTP in Claude Code?

Run `npx skills add Xe/site --skill templ-http -a claude-code`. Or copy the skill folder (.agents/skills/templ-http in Xe/site) into .claude/skills/templ-http in your project. Claude Code loads it when a task matches its description.

How do I install Templ HTTP in Codex?

Run `npx skills add Xe/site --skill templ-http -a codex`. Or copy the skill folder (.agents/skills/templ-http in Xe/site) into .agents/skills/templ-http in your project. Codex loads it when a task matches its description.

Can I use Templ HTTP in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Xe/site --skill templ-http -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/templ-http, .gemini/skills/templ-http, .github/skills/templ-http and .opencode/skills/templ-http in your project.

What does Templ HTTP need to run?

SKILL.md names no scripts, command-line tools or credentials: Templ HTTP is instructions for the agent only.

Does Templ HTTP access the network?

SKILL.md names 2 domains. As links in the text: pkg.go.dev and templ.guide. This is read from the text; nothing was executed.

Is Templ HTTP safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Templ HTTP use?

Templ HTTP is published under the Zlib licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Templ HTTP use?

About 591 tokens (SKILL.md is roughly 2.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Templ HTTP?

Skills that share tags, products or a category with Templ HTTP: Integration Testing (thedaviddias/Front-End-Checklist, 74k stars), API Integration (sickn33/agentic-awesome-skills, 47k stars), Graham Net Net (questflowai/investorskills, 1.9k stars) and Labarchive Integration (davila7/claude-code-templates, 32k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Templ HTTP?

Xe (a GitHub user) maintains it in Xe/site, which has 731 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on October 5, 2026.

Source: Xe/site on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.