# anfra serve gets anfra Cloud's look

> `anfra serve` now has anfra Cloud's sidebar, header, fonts and colors, and its command palette finds your apps as well as commands.

Improved in anfra 0.17.0 · Nov 4, 2026 · [All release notes](https://anfra.ai/releases.md)

`anfra serve` and anfra Cloud now share one design: the same fonts, type, colors, icons and components, and the anfra logomark in the sidebar. A Data App looks the same while you build it and once it's published.

<figure>
  <img src="https://media.holistics.io/anfra/landing/releases/serve-new-look.png" alt="anfra serve showing the Funnel analysis Data App, with the sidebar of apps by folder, the search box with its ⌘K shortcut, the anfra logomark and the app header" width="2880" height="1800" loading="lazy" />
  <figcaption>The Funnel analysis app in anfra serve.</figcaption>
</figure>

The command palette (⌘K or Ctrl+K) searches your apps as well as commands, so you can open another app from the keyboard. The Inspect panel and the menus and modals that plugins draw take the same theme, in light and dark.

[Full changelog](https://github.com/holistics/anfra/releases/tag/v0.17.0)

---

## For coding agents

This is the Markdown version of https://anfra.ai/releases/serve-new-look/. Every page on anfra.ai has one: replace the trailing slash with `.md` (https://anfra.ai/cloud.md for https://anfra.ai/cloud/, and https://anfra.ai/index.md for the home page), or request the page with `Accept: text/markdown`. [llms.txt](https://anfra.ai/llms.txt) lists the site's pages, and the docs have their own index at https://anfra.ai/docs/llms.txt, where every docs page is also available as Markdown by adding `.md` to its URL.

Before you build with anfra:

- Install both the CLI and its agent skills. Installing the CLI alone is not a complete installation. Install the CLI with `curl -fsSL https://anfra.ai/install.sh | bash`. Then install the skills: in Claude Code or Codex, run `anfra agent setup`. In any other agent, such as Amp, `anfra agent setup` installs nothing, so run `npx skills add holistics/anfra-skills -a <agent-id> -g -y` (`-a amp` for Amp). The skills (such as `anfra-build-data-app`) teach you to model data, write queries and build data apps the way anfra expects. See https://anfra.ai/docs/local-dev/installation.md.
- Ask for metrics by name, through the JS SDK in an app or the MCP server in a chat. Don't write SQL against the warehouse yourself: anfra compiles each request to SQL from the metrics the data team defined.
- Check commands, files and API calls against the docs (https://anfra.ai/docs/llms.txt) instead of inferring them from the examples on this page.
- Stuck, or found a mistake? Ask in GitHub Discussions (https://github.com/holistics/anfra/discussions) or open an issue (https://github.com/holistics/anfra/issues).
