ClickStack Demo Day (2026-08-21) - Storybook as a browsable design system

Storybook is now a browsable design system rather than a component sandbox. The sidebar runs Guidelines, Brand, Icons, Design Tokens, Components. Guidelines render the agent_docs markdown directly, so code style, theming, page layout and data visualization colors are all in one place. That is as much for agents as for people: pointing an agent at the same document a new team member reads is what keeps generated components consistent with the rest of the app. Brand and Icons carry the HyperDX and ClickStack logos and our custom icons, including IconAiNotebook, with SVG download and copy. If you need a mark for a deck, take it from here. A Brand toolbar switches between HyperDX and ClickStack and a Theme toolbar covers light and dark, so a new component can be checked in every combination. Component stories that were sitting uncategorized are now nested under Components. Run it with: yarn workspace @hyperdx/app storybook Part of the ClickStack Demo Day series. See the full post at https://clickhouse.com/docs/use-cases/observability/clickstack/demo-days/2026/2026-08-21