# Templ Http

> 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'.

- **Type:** Skill
- **Install:** `agentstack add skill-xe-skills-templ-http`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [Xe](https://agentstack.voostack.com/s/xe)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [Xe](https://github.com/Xe)
- **Source:** https://github.com/Xe/skills/tree/main/skills/templ-http

## Install

```sh
agentstack add skill-xe-skills-templ-http
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# 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

- Handlers and routing: `resources/handlers-and-routing.md`
- Middleware and errors: `resources/middleware-and-errors.md`
- Request data and response patterns: `resources/request-and-response-patterns.md`
- Go `net/http`: https://pkg.go.dev/net/http
- templ server-side rendering: https://templ.guide/server-side-rendering/

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [Xe](https://github.com/Xe)
- **Source:** [Xe/skills](https://github.com/Xe/skills)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** yes
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-xe-skills-templ-http
- Seller: https://agentstack.voostack.com/s/xe
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.