# AK Render

HTML pages for coding agents, compiled from a short Page Spec.

Source: <https://nextlevelbuilder.io/products/ak-render>

Website: <https://render.agentkit.best>

Logo: <https://nextlevelbuilder.io/media/products/ak-render/logo-780b9036.webp>

AK Render is a declarative page compiler for coding agents. An agent writes a short YAML or JSON Page Spec, and ak-render compiles it into one deterministic, self-contained, interactive HTML file. The compiler owns HTML, CSS, interaction, accessibility, responsive layout, theming and fonts, and a spec cannot carry raw HTML, CSS or JavaScript. Output opens offline from disk with zero network requests, and local use needs no account or API key.

Categories: developer-tools, ai-agents, cli

Tags: html, compiler, yaml, page-spec, offline, deterministic, coding-agent

## hero

- **headline:** Agents describe the page. The compiler builds it.
- **subheadline:** Write a short YAML or JSON Page Spec and get one deterministic, accessible, self-contained HTML file that opens offline.
- **primary Cta Text:** See AK Render
- **primary Cta Url:** https://render.agentkit.best
- **badge:** Built by the NLB team


## media Gallery

- **images:**
  -
    - **url:** https://nextlevelbuilder.io/media/products/ak-render/media-1-4fc69c67.webp
    - **caption:** AK Render: HTML pages for coding agents, compiled from a short Page Spec.
    - **aspect Ratio:** 16:9
  -
    - **url:** https://nextlevelbuilder.io/media/products/ak-render/media-2-ba2bb3c3.webp
    - **caption:** The AK Render site in light mode.
    - **aspect Ratio:** 16:9
  -
    - **url:** https://nextlevelbuilder.io/media/products/ak-render/media-3-edd2f598.webp
    - **caption:** The same page in dark mode: theming is owned by the compiler.
    - **aspect Ratio:** 16:9
  -
    - **url:** https://nextlevelbuilder.io/media/products/ak-render/media-4-c4afda5c.webp
    - **caption:** A dashboard page compiled from a Page Spec.
    - **aspect Ratio:** 16:9
  -
    - **url:** https://nextlevelbuilder.io/media/products/ak-render/media-5-1e5cfc19.webp
    - **caption:** A plan page: one self-contained HTML file that opens offline.
    - **aspect Ratio:** 16:9


## grid

- **columns:** 3
- **items:**
  -
    - **title:** One file out
    - **description:** Compiles a YAML or JSON Page Spec into a single self-contained HTML file.
  -
    - **title:** Deterministic
    - **description:** The same spec and compiler version produce the same bytes.
  -
    - **title:** Offline by default
    - **description:** Embedded fonts and no CDN requests.
  -
    - **title:** 90 block types
    - **description:** Eight categories of blocks, plus page recipes.
  -
    - **title:** Curated icons
    - **description:** Lucide, Phosphor, Tabler, Pixelarticons and Codicons.
  -
    - **title:** Built for agents
    - **description:** CLI catalog, search, describe and validate commands.


## tech Stack

- **technologies:**
  -
    - **name:** Node.js 20.11+
    - **category:** Runtime
  -
    - **name:** TypeScript
    - **category:** Language
  -
    - **name:** YAML
    - **category:** Spec format
  -
    - **name:** JSON Schema (ajv)
    - **category:** Validation
  -
    - **name:** Iconify
    - **category:** Icons
  -
    - **name:** Playwright
    - **category:** Testing
  -
    - **name:** axe-core
    - **category:** Accessibility


## pricing

- **tiers:**
  -
    - **name:** Open source
    - **price:** Free
    - **period:** MIT license
    - **features:**
      - Local compiles with no account or API key
      - All block types and recipes
      - Offline, self-contained output
    - **cta Text:** View on GitHub
    - **cta Url:** https://github.com/bestagentkits/ak-render
    - **is Popular:** true


## faq

- **items:**
  -
    - **question:** How do I run it?
    - **answer:** npx -y @bestagentkits/render plan.yaml --out plan.html compiles a spec into one HTML file.
  -
    - **question:** Can a spec inject HTML or scripts?
    - **answer:** No. The compiler owns HTML, CSS and interaction; a spec cannot carry raw HTML, CSS or JavaScript.
  -
    - **question:** Is it open source?
    - **answer:** Yes, MIT licensed at github.com/bestagentkits/ak-render.


## founder

- **name:** Duy Nguyen
- **bio:** CTO and co-founder of T.O.P Group, creator of GoClaw and UI UX Pro Max, and founder of the Build in Public Vietnam community.
- **avatar Url:** https://nextlevelbuilder.io/img/founders/duy.webp
- **x Handle:** goon\_nguyen


## cta

- **title:** Let your agent ship pages, not markup
- **subtitle:** Compile your first Page Spec in one command.
- **button Text:** Star it on GitHub
- **button Url:** https://github.com/bestagentkits/ak-render


Trust Score: 60/100

Organic votes: 0