grok-cli is an open-source terminal coding agent that uses the Grok API to work on software projects. Developers use it for interactive or headless coding tasks, with features including web and X search, sub-agents, a terminal interface, and remote control through Telegram.
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.
git clone --depth 1 https://github.com/superagent-ai/grok-cliWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/rules/superagent-ai/grok-cli/react-ink-components)<a href="https://agentmods.dev/rules/superagent-ai/grok-cli/react-ink-components"><img src="https://agentmods.dev/badge/rules/superagent-ai/grok-cli/react-ink-components/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/rules/superagent-ai/grok-cli/react-ink-components"><img src="https://agentmods.dev/badge/rules/superagent-ai/grok-cli/react-ink-components.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What 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.1 | $0.00000 | $0.00427 |
| Opus 5.5 | $0.00000 | $0.00171 |
| Sonnet 5.5 | $0.00000 | $0.00085 |
| Haiku 4.5 | $0.00000 | $0.00043 |
Grade A, and why
react-ink-components 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 1mo 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.
What it actually says
React + Ink Terminal UI
Framework
This project uses Ink v4 to render React components in the terminal. Ink provides <Box>, <Text>, and other primitives instead of HTML elements.
Component Patterns
- Use functional components with hooks — no class components.
- JSX is compiled with
"jsx": "react"(classic transform), soimport React from "react"is required in every.tsxfile. - Components are in
src/ui/components/and follow kebab-case naming (chat-interface.tsx,diff-renderer.tsx).
Key Components
| Component | Purpose |
|---|---|
ChatInterface |
Main chat loop, orchestrates agent interaction |
ChatHistory |
Renders conversation entries |
ChatInput |
User text input with key bindings |
DiffRenderer |
Displays file diffs |
ModelSelection |
Model picker UI |
LoadingSpinner |
Animated loading indicator |
ConfirmationDialog |
User confirmation prompts for tool operations |
McpStatus |
MCP server connection status |
CommandSuggestions |
Autocomplete suggestions |
ApiKeyInput |
API key entry prompt |
Ink-Specific Guidelines
- Use
<Box>for layout (flexbox model) and<Text>for styled text. - Use Ink's
useInputhook for keyboard handling. - Use
chalkfor color utilities insrc/ui/utils/colors.ts. - Markdown rendering for chat output uses
marked+marked-terminal. - The app is rendered via
render(React.createElement(ChatInterface, { agent, initialMessage }))in the entry point.
Hooks
- Custom hooks live in
src/hooks/. - Follow the
useprefix convention (useInput,useChat, etc.).
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.
- 1mo ago First seen · 46 lines · 0 tokens per session scan A a7f6d55985c3
react-ink-components is a cursor rule published in the GitHub repository superagent-ai/grok-cli (3,496 stars, last pushed 3mo ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 427 tokens. 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 cursor rules, from other repositories
hatch3r-component-conventions
Component structure, styling tokens, loading/error/empty states, form validation timing, and accessible label patterns for Vue, React, and JSX.
use-bun-instead-of-node-vite-npm-pnpm
../../CLAUDE.md.
hatch3r-dynamic-stack-verification
Runtime-evidence gates for stacks with no static type layer (plain-JS Vue, dynamic persistence) — smoke-mount changed components, dormant-collection-read ratchet, runtime smoke evidence on module-boundary changes; a green lint+build+mock-suite proves a layer, not the system.
hatch3r-spec-currency
Spec-currency mandate — any diff changing user-observable behavior covered by a docs/specs/ file updates that spec in the same delivery; staleness definition, review-gate drift finding with a named owner, and a release-readiness sweep.
bundling
The project uses a custom type bundling system to provide full TypeScript IntelliSense support in the Monaco editor for @bubblelab/bubble-core and its dependencies. This is necessary because Monaco cannot directly resolve workspace packages or external dependencies.
hatch3r-api-design
REST, GraphQL, and gRPC contract patterns covering versioning, auth, CORS, pagination, webhooks, rate limiting, and security headers.