Make AI coding assistants understand your architecture, not just your code.
Extract deterministic component contracts from your TypeScript codebase.
Supports: React Β· Next.js Β· Vue (TS/TSX) Β· Express Β· NestJS
Works with Claude, Cursor, Copilot Chat, and any MCP-compatible agent.
LogicStamp Context is a static analyzer that extracts deterministic component contracts from TypeScript codebases - giving AI assistants structured architectural context instead of raw source code.
π Table of Contents
AI coding assistants read your source code, but they don't understand it structurally. They hallucinate props that don't exist, miss dependencies, and can't tell when a breaking change affects downstream components.
For example: your Button component accepts variant and disabled - but the AI suggests isLoading because it saw that pattern elsewhere. No structured contract means no source of truth.
LogicStamp Context is a static analyzer that extracts deterministic component contracts from TypeScript - giving AI assistants structured architectural context instead of raw source code.
These contracts:
- Stay in sync with your code (watch mode auto-regenerates)
- Expose what matters (props, hooks, dependencies) without implementation noise
- Work with any MCP-compatible AI assistant (Claude, Cursor, etc.)
Context bundles generated and consumed across MCP-powered AI workflows.
Same code β same context output. Diff outputs to detect architectural drift.
TypeScript Code β AST Parsing β Deterministic Contracts β AI Assistant
(.ts/.tsx) (ts-morph) (context.json bundles) (Claude, Cursor)
Try it in 30 seconds (no install required):
npx logicstamp-context contextScans your repo and writes context.json files + context_main.json for AI tools.
What you get:
- π
context.jsonfiles - one per folder with components, preserving your directory structure - π
context_main.json- index file with project overview and folder metadata
For a complete setup (recommended):
npm install -g logicstamp-context
stamp init # sets up .gitignore, scans for secrets
stamp contextβΉοΈ Note: With
npx, runnpx logicstamp-context context. After global install, usestamp context.
π For detailed setup instructions, see the Getting Started Guide.
| Without LogicStamp Context | With LogicStamp Context |
|---|---|
| AI parses 200 lines of implementation to infer a component's interface | AI reads a 20-line interface contract |
| Props/hooks inferred (often wrong) | Props/hooks explicit and verified |
| No way to know if context is stale | Watch mode catches changes in real-time |
| Different prompts = different understanding | Deterministic: same code = same contract |
| Manual context gathering: "Here's my Button component..." | Structured contracts: AI understands architecture automatically |
The key insight: AI assistants don't need your implementation - they need your interfaces. LogicStamp Context extracts what matters and discards the noise.
Instead of shipping raw source code to AI:
// Raw: AI must parse and infer
export const Button = ({ variant = 'primary', disabled, onClick, children }) => {
const [isHovered, setIsHovered] = useState(false);
// ... 150 more lines of implementation
}LogicStamp Context generates:
{
"kind": "react:component",
"interface": {
"props": {
"variant": { "type": "literal-union", "literals": ["primary", "secondary"] },
"disabled": { "type": "boolean" },
"onClick": { "type": "function", "signature": "() => void" }
}
},
"composition": { "hooks": ["useState"], "components": ["./Icon"] }
}Pre-parsed. Categorized. Stable. The AI reads contracts, not implementations.
Core:
- Deterministic contracts - Same input = same output, auditable in version control
- Watch mode - Auto-regenerate on file changes with incremental rebuilds
- Breaking change detection - Strict watch mode catches removed props, events, functions in real-time
- MCP-ready - AI agents consume context via standardized MCP interface
Analysis:
- React/Next.js/Vue component extraction (props, hooks, state, deps)
- Backend API extraction (Express.js, NestJS routes and controllers)
- Dependency graphs (handles circular dependencies)
- Style metadata extraction (Tailwind, SCSS, MUI, shadcn)
- Next.js App Router detection (client/server, layouts, pages)
Developer experience:
- Per-folder bundles matching your project structure
- Accurate token estimates (GPT/Claude)
- Security-first: automatic secret detection and sanitization
- Zero config required - sensible defaults, works out of the box
For development, run watch mode to keep context fresh as you code:
stamp context --watch # regenerate on changes
stamp context --watch --strict-watch # also detect breaking changesStrict watch catches breaking changes that affect consumers:
| Violation | Example |
|---|---|
breaking_change_prop_removed |
Removed disabled prop from Button |
breaking_change_event_removed |
Removed onSubmit callback |
breaking_change_function_removed |
Deleted exported formatDate() |
contract_removed |
Deleted entire component |
Compare regenerated context against existing files:
stamp context compare # detect changes
stamp context compare --approve # update (like jest -u)Useful for reviewing changes before committing or validating context is up-to-date.
β οΈ Note: Context files are gitignored by default. For CI-based drift detection, the--baseline git:<ref>option (e.g.,--baseline git:main) is not yet implemented. Until automation is available, use the manual workflow: generate context from current code, checkout baseline branch, generate context from baseline, then compare. See the roadmap for planned automation.
- Scan - Finds all
.tsand.tsxfiles in your project - Analyze - Parses components and APIs using TypeScript AST (Abstract Syntax Tree) via
ts-morph - Extract - Builds contracts with props, hooks, state, signatures
- Graph - Creates dependency graph showing relationships
- Bundle - Packages context optimized for AI workflows
- Organize - Groups by folder, writes
context.jsonfiles - Index - Creates
context_main.jsonwith metadata and statistics
Why AST parsing matters: Unlike text-based parsing (regex, string matching), AST parsing understands TypeScript's syntax structure, type information, and code semantics. This enables LogicStamp Context to accurately extract prop types, detect hooks, understand component composition, and handle complex patterns reliably - making contracts deterministic and trustworthy.
No pre-compilation needed. One command.
π‘Tip: Use
stamp contextfor basic contracts. Usestamp context stylewhen you need style metadata (Tailwind classes, SCSS selectors, layout patterns).
π What LogicStamp Context Is (and Isn't)
LogicStamp Context IS:
β An AST-based static analysis tool - Uses the TypeScript compiler API (via ts-morph) to extract component contracts, props, hooks, and dependencies in a deterministic, type-aware way.
β A deterministic context generator - Produces structured architectural contract bundles for tooling and AI workflows.
β Local and offline-first - Runs entirely on your machine (no cloud services, no network calls).
β Framework-aware - Understands React, Next.js, Vue, Express, and NestJS patterns and extracts relevant metadata.
β Non-opinionated - Describes what exists without enforcing patterns or architectural decisions.
LogicStamp Context IS NOT:
β A code generator - It never writes or modifies your source code.
β A documentation generator - It produces structured contracts, not documentation.
β A build or runtime tool - It analyzes static source code only; it does not execute or bundle your application.
β A linter, formatter, or testing framework - It does not check code quality or run tests.
β An AI behavior controller - It provides structured context; it does not alter AI responses.
β A replacement for reading code - It accelerates understanding without replacing engineering judgment.
For AI assistants with MCP support (Claude Desktop, Cursor, etc.):
npm install -g logicstamp-mcpThen configure your AI assistant to use the LogicStamp MCP Server.
π See MCP Getting Started Guide for setup instructions.
LogicStamp Context generates structured JSON bundles organized by folder:
{
"type": "LogicStampBundle",
"entryId": "src/components/Button.tsx",
"graph": {
"nodes": [
{
"entryId": "src/components/Button.tsx",
"contract": {
"kind": "react:component",
"interface": {
"props": {
"variant": { "type": "literal-union", "literals": ["primary", "secondary"] },
"onClick": { "type": "function", "signature": "() => void" }
}
},
"composition": {
"hooks": ["useState"],
"components": ["./Icon"]
}
}
}
],
"edges": [["src/components/Button.tsx", "./Icon"]]
}
}π See docs/schema.md for complete format documentation.
npm install -g logicstamp-contextAfter installation, the stamp command is available globally.
Automatic Secret Protection
LogicStamp Context protects sensitive data in generated context:
- Security scanning by default -
stamp initscans source files (.ts,.tsx,.js,.jsx) and.jsonfiles for hard-coded secrets before context generation - Automatic sanitization - Detected secrets replaced with
"PRIVATE_DATA"in output - Manual exclusions - Use
stamp ignore <file>to exclude files via.stampignore - Safe by default - Only metadata included. Credentials only appear in
--include-code fullmode
β οΈ Seeing"PRIVATE_DATA"in output? Reviewstamp_security_report.json, remove hardcoded secrets from source, use environment variables instead.
π See SECURITY.md for complete security documentation.
π» CLI Usage Reference
stamp --version # Show version
stamp --help # Show help
stamp init [path] # Initialize project (security scan by default)
stamp ignore <path> # Add to .stampignore
stamp context [path] # Generate context bundles
stamp context style [path] # Generate with style metadata
stamp context --watch # Watch mode
stamp context --watch --strict-watch # Watch with breaking change detection
stamp context compare # Detect changes vs existing context
stamp context validate [file] # Validate context files
stamp context clean [path] # Remove generated files| Option | Description |
|---|---|
--depth <n> |
Dependency traversal depth (default: 2) |
--include-code <mode> |
Code inclusion: none|header|full (default: header) |
--include-style |
Extract style metadata (Tailwind, SCSS, animations) |
--format <fmt> |
Output format: json|pretty|ndjson|toon (default: json) |
--max-nodes <n> |
Maximum nodes per bundle (default: 100) |
--profile <p> |
Preset: llm-chat, llm-safe, ci-strict, watch-fast |
--compare-modes |
Show token cost comparison across all modes |
--stats |
Emit JSON stats with token estimates |
--out <path> |
Output directory |
--quiet |
Suppress verbose output |
--strict-missing |
Exit with error if any missing dependencies found (CI-friendly) |
--debug |
Show detailed hash info (watch mode) |
--log-file |
Write change logs to .logicstamp/ (watch mode) |
π See docs/cli/commands.md for complete reference.
| Framework | Support Level | What's Extracted |
|---|---|---|
| React | Full | Components, hooks, props, styles |
| Next.js | Full | App Router roles, segment paths, metadata |
| Vue 3 | Partial | Composition API (TS/TSX only, not .vue SFC) |
| Express.js | Full | Routes, middleware, API signatures |
| NestJS | Full | Controllers, decorators, API signatures |
| UI Libraries | Full | Material UI, ShadCN, Radix, Tailwind, Styled Components, SCSS, Chakra UI, Ant Design (component usage, props, composition; not raw CSS) |
βΉοΈ Note: LogicStamp Context analyzes
.tsand.tsxfiles only. JavaScript files are not analyzed.
Full documentation at logicstamp.dev/docs
- Getting Started Guide
- Usage Guide
- Monorepo Support
- Output Schema
- UIF Contracts
- Watch Mode
- Troubleshooting
LogicStamp Context is in beta. Some edge cases are not fully supported.
π See docs/limitations.md for the full list.
- Node.js >= 18.18.0 (Node 20+ recommended)
- TypeScript codebase (React, Next.js, Vue (TS/TSX), Express, or NestJS)
- Issues - github.com/LogicStamp/logicstamp-context/issues
- Roadmap - logicstamp.dev/roadmap
Branding & Attribution
The LogicStamp Fox mascot and related brand assets are Β© 2025 Amit Levi. These assets may not be used for third-party branding without permission.
Contributing
Issues and PRs welcome! See CONTRIBUTING.md for guidelines.
This project follows a Code of Conduct.
Links: Website Β· GitHub Β· MCP Server Β· Changelog