Senior Frontend Engineer — React · TypeScript · AI tooling · New Delhi → open to EU remote
Building production component systems, MCP servers, and AI-powered developer tools.
17 MCP servers for React + TypeScript development automation — wired to Claude Desktop, Cline, and Cursor, or run as plain CLI scripts.
npx mcp-react-toolkit --list # all 17 servers
npx mcp-react-toolkit legacy-analyzer # run one as an MCP server (stdio)A selection (17 in total):
| Server | What it does |
|---|---|
component-factory |
Scaffold React components from 41 shadcn/ui templates — with tests + Storybook |
legacy-analyzer |
22-tool health audit for any React/Next.js/Remix app — scores 0–100 + migration hints |
render-analyzer |
Detect unnecessary re-renders, missing memo, inline objects/functions |
performance-audit |
Memory leaks, heavy imports, unoptimized images, deep nesting |
typescript-enforcer |
Scan for any types, unsafe casts — 7 rules, scored 0–10 |
accessibility-checker |
WCAG 2.1 audit — alt text, ARIA roles, keyboard navigation |
generate-tests |
Analyze a TypeScript file and generate a Vitest test suite |
dep-auditor |
Unused deps, duplicates, circular imports, bundle impact |
monorepo-manager |
Workspace listing, dependency graph, health checks |
code-modernizer |
AST-based JS → TypeScript conversion |
Index any TypeScript / React / Next.js repo into a queryable code graph (files · components · functions, and the imports/renders/calls/references/depends-on edges between them) — then ask it precise questions instead of dumping files into an LLM's context. Built on ts-morph, so edges are resolved, not grepped.
npx code-graph-indexer index --root . # build the graph → .code-graph/graph.json
npx code-graph-indexer mcp # serve 13 tools to Claude / CursorFour surfaces over one graph: a CLI, an MCP server (13 tools — who_renders, who_calls, blast_radius, find_cycles, find_orphans, semantic_search, …), an HTTP/WS server, and a 3D web explorer (React + Three.js). Local semantic search (transformers.js, no API key) finds code by meaning. Token-safe by design — a blast_radius query is a few hundred tokens instead of streaming whole files.
| Project | Description | Stack |
|---|---|---|
| dashcraft | Headless dashboard library — cards, widgets, HTTP client, store | React · TypeScript |
| react-present | Presentation library — state, animation, gestures, themes | React · Framer Motion |
| ai-builder | Prompt → UI builder with Monaco Editor | React · OpenAI SDK |
Frontend — React 19 · TypeScript strict · Next.js 15 · Tailwind CSS · Vite · Three.js · GSAP · Framer Motion
AI / MCP — Model Context Protocol · Claude SDK · ts-morph · transformers.js · Vitest
Backend — Node.js · Express · SQLite · Playwright · Turborepo · pnpm
