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/tech-systems/panes/claude-mdgit clone --depth 1 https://github.com/tech-systems/panesWhat 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.00707 | $0.00707 |
| Opus 5 | $0.00353 | $0.00353 |
| Sonnet 5 | $0.00141 | $0.00141 |
| Haiku 4.5 | $0.00071 | $0.00071 |
Grade A, and why
panes 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 2d ago.
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 — 71 lines — stays where its author put it; the contents beside it link to each section on GitHub.
CLAUDE.md
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
Project Overview
Cupertino Panes is a TypeScript library that creates multi-functional modals, cards, and panes with touch technologies. It provides native iOS-style behaviors and animations for web applications.
Development Commands
Build and Development
npm run build- Production build (creates minified bundles in/dist)npm run serve- Development server with live reload on port 3000npm run tslint- Run TSLint for code quality checksnpm run changelog- Generate changelog using conventional commits
Testing Environment
- Use
npm run serveto test changes in the/playgrounddirectory - Visit
http://localhost:3000/playground/to view examples - Multiple demo pages available in
/playgroundfor testing different features
Code Architecture
Core Structure
- Main Class:
CupertinoPanein/src/cupertino-pane.ts- Primary API class - Settings: Configuration managed through
/src/settings.tswith TypeScript interfaces in/src/models.ts - Module System: Modular architecture with feature modules in
/src/modules/
Key Components
- Breakpoints:
/src/breakpoints.ts- Manages pane positioning and snapping points - Transitions:
/src/transitions.ts- Handles animations and state transitions - Events:
/src/events/- Touch events, keyboard events, and resize handling - Device Detection:
/src/device.ts- Platform-specific optimizations - Support Detection:
/src/support.ts- Feature detection utilities
Module System
Available modules (all in /src/modules/):
backdrop.ts- Backdrop overlay functionalityfit-height.ts- Auto-height calculationfollower.ts- Element following behaviorhorizontal.ts- Horizontal pane orientationinverse.ts- Inverse animation directionmodal.ts- Modal-specific featuresz-stack.ts- Stacking multiple panes
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.
- 2d ago First seen · 71 lines · 707 tokens per session scan A 09f11e1f2d8d
panes CLAUDE.md is an instructions file published in the GitHub repository tech-systems/panes (729 stars, last pushed 6mo ago), licensed MIT. It adds 707 tokens to every session, about $0.0035 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
AppClaw CLAUDE.md
Instructions for appclawhq/AppClaw, covering claude.md, what is appclaw?, build & run commands, architecture and entry point & cli modes (src/index.ts).
MobiAI-Core CLAUDE.md
Instructions for ArisGuimera/MobiAI-Core, covering mobiai — mobile development ai ecosystem, bootstrap and principles.
freetube CLAUDE.md
Instructions for leshkodev/freetube, covering claude.md, 1. what this project is, 2. non-negotiable constraints, 3. tech stack (locked) and 4. project structure.
ConsultMe CLAUDE.md
Instructions for Tarek-Bohdima/ConsultMe, covering claude.md, project context, common commands, module graph and conventions enforced by tooling.
Plonk AGENTS.md
Instructions for ostapondo/Plonk, covering agent rules, layout, adding a module, build & verify and code style.
kotlin-app-template AGENTS.md
Instructions for ashtanko/kotlin-app-template, covering repository agent guide, start here, repository rules, working method and task-specific guidance.