# Fiber Blazor > Agent skill for fiber-blazor, a web application built with Fiber-Blazor framework. Use when this capability is needed. - Skill: `tomevault-io/fiber-blazor` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/fiber-blazor` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/fiber-blazor/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: AI & ML - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/fiber-blazor --- # fiber-blazor Skill This skill provides information on how to interact with the Fiber-Blazor components in this project. ## Key Concepts - **Form Binding**: Look for `//blazor:bind` on structs. These generate randomized tags for security and isolation. - **Templ Components**: Use `GetBindingOf[StructName]()` to get a binder that helps generate IDs and Names for HTML elements. - **HTMX Attributes**: Use `blazor.Post()`, `blazor.Target()`, etc., to build htmx attributes in Go/Templ. - **Utility-First CSS**: **Tailwind CSS** is integrated. You can use Tailwind classes directly in your `.templ` files for styling. ## Fiber v3 Integration This framework is built on top of **Fiber v3**. Use the following utilities for seamless integration: - **`blazor.InitRender(component, lang, title)`**: Initializes the root layout. It returns a `fiber.Handler` that renders the initial page. - **`blazor.Static(app, prefix, rootDir)`**: Configures static file serving (e.g., for `htmx.js` and `tailwindcss.js`). - **`blazor.SetRenderer(componentFunc, transformFunc)`**: Handles HTMX requests. - `transformFunc` takes the randomized request struct (`Binded[StructName]`) and converts it to data. - `componentFunc` renders the data into a Templ component. ## Common Tasks 1. **Add a new bindable struct**: Add `//blazor:bind` above your struct definition. 2. **Generate code**: Run `flazor` to sync everything. 3. **Create a template**: Use the binder in your `.templ` file to bind inputs. 4. **Handle requests**: Use `blazor.SetRenderer` in your Fiber app to process the form data. 5. **Serve Static Files**: Use `blazor.Static(app, "/statics", "./statics")` in your `main.go`. --- > Converted and distributed by [TomeVault](https://tomevault.io/claim/snowmerak) — claim your Tome and manage your conversions.