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 rules/superagent-ai/grok-cli/react-ink-componentsgit clone --depth 1 https://github.com/superagent-ai/grok-cliWhat 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.00000 | $0.00427 |
| Opus 5 | $0.00000 | $0.00214 |
| Sonnet 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 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.
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.
- yesterday 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,441 stars, last pushed 1mo 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
grok-mcp
Grok MCP orchestrator — cheap worker, unpin, typed sessionnext cards.
cursorrules
Cursor rule "cursorrules" from florian101010/awesome-agentic-AI-coding-template, covering key rules, documentation hygiene, after every change, available workflows and key files.
use-bun-instead-of-node-vite-npm-pnpm
../../CLAUDE.md.
api-property-optionality-hygiene
Fix ApiProperty/ApiPropertyOptional optionality mismatches in DTO files; use for scheduled batch fixes or DTO edits.
java-springboot-jpa-cursorrules-prompt-file
description: "Cursor rules for Java development with Springboot and JPA integration." globs: / alwaysApply: false.
conservative-file-creation
Check for existing files before creating. Be conservative about new files and code.