Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add instructions/chakra-ui/ark/claude-mdgit clone --depth 1 https://github.com/chakra-ui/arkWhat it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00647 | $0.00647 |
| Opus 5 | $0.00324 | $0.00324 |
| Sonnet 5 | $0.00129 | $0.00129 |
| Haiku 4.5 | $0.00065 | $0.00065 |
Grade A, and why
ark CLAUDE.md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured yesterday.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 90 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Ark UI - Claude Development Guide
Ark UI is a headless component library for building scalable Design Systems across React, Solid, Svelte, and Vue. Built on top of Zag.js state machines, it provides unstyled, accessible UI components.
Documentation Structure
This guide is split into focused documents for better navigation:
- Overview - Project overview, architecture, and available components
- Development - Development workflows, commands, and processes
- Component Patterns - Component development patterns, examples, and testing
- Framework Patterns - Framework-specific patterns and advanced implementations
- Documentation Patterns - Website documentation structure, Examples vs Guides, and writing guidelines
Quick Start
Common Commands
# Install dependencies
bun install
# Build all packages
bun run build
# Run tests across all packages
bun run test
# Type check all packages
bun run typecheck
# Lint all packages
bun run lint
# Format code
bun run format
Framework Development
# Work with specific framework packages
bun run react dev # React Storybook on port 6006
bun run solid dev # Solid Storybook on port 6006
bun run svelte dev # Svelte Storybook on port 6006
bun run vue dev # Vue Storybook on port 6006
Claude Code Commands
The project includes Claude Code slash commands in .claude/commands/:
/zag- Implement a Zag.js component in Ark UI (follows specific implementation workflow)
Project Structure
ark/
├── packages/ # Framework-specific implementations
│ ├── react/ # React components
│ ├── solid/ # SolidJS components
│ ├── svelte/ # Svelte components
│ └── vue/ # Vue components
├── website/ # Documentation site
├── templates/ # Project templates
├── integrations/ # Third-party integrations
└── scripts/ # Build and utility scripts
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- yesterday First seen · 90 lines · 647 tokens per session scan A 3539736f3a5a
ark CLAUDE.md is an instructions file published in the GitHub repository chakra-ui/ark (5,367 stars, last pushed 3d ago), licensed MIT. It adds 647 tokens to every session, about $0.0032 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other instructions, from other repositories
marmoui AGENTS.md
Instructions for mahmoudilyan/marmoui, covering marmo ui — agent project memory, stack, where things live, source of truth and required workflow for ui code.
marmoui CLAUDE.md
Instructions for mahmoudilyan/marmoui, covering marmo ui — claude code project memory, stack, where things live, source of truth and required workflow for ui code.
next.js AGENTS.md
Instructions for vercel/next.js, covering next.js development guide, codebase structure, monorepo overview, core package: packages/next and other important packages.
material-ui AGENTS.md
AGENTS.md instructions for mui/material-ui, covering agents.md, package manager, common commands, development and building.
material-ui CLAUDE.md
Claude Code instructions for mui/material-ui: This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
recharts AGENTS.md
Instructions for recharts/recharts: This is Recharts repository. Recharts is a React-based charting library. The goal is to provide a simple, declarative, and composable way to build charts. We value consistency, usability, and performance. Accessibility is important.