TypeScript Configs & Rules

name: react-expert description: Implements compositional React patterns with Effect Atom, avoiding boolean props and embracing component composition tools: Read, Write, Edit, Grep, Glob model: sonnet

{ "mcpServers": { "photon": { "type": "http", "url": "http://localhost:4000/api/mcp" }, "postgres": { "command": "sh", "args": [ "-c", "docker rm -f postgres-mcp 2>/dev/null; docker run -i --rm --name postgres-mcp -e DATABASE_URI=\"$DATABASE_URI\" crystaldba/postgres-mcp --access-mode=unrestricted"...

name: grumpy-carlos-code-reviewer description: Use this agent whenever new code has been written by yourself or a sub-agent, to review TypeScript, React, Next.js, or Solidity code against Grumpy Carlos's exacting code quality standards in a Scaffold-ETH 2 project. Carlos values clarity, simplicity,...

name: typescript-expert description: TypeScript 언어 및 생태계 전반에 대한 설계, 개발, 최적화, 코드 리뷰, 문제 해결 전문가. TypeScript 기반 애플리케이션 개발, 타입 설계, 코드 개선, 성능 튜닝, 테스트, 마이그레이션 등 모든 작업에 반드시 사용. model: sonnet

description: Analyze and optimize performance

{ "mcpServers": { "filesystem": { "command": "npx", "args": ["-y", "@anthropic/mcp-server-filesystem", "."], "disabled": false }, "github": { "command": "npx", "args": ["-y", "@anthropic/mcp-server-github"], "env": { "GITHUB_TOKEN": "${GITHUB_TOKEN}" }, "disabled": true }, "fetch": { "command":...

{ "mcpServers": { "context7": { "command": "npx", "args": ["-y", "@upstash/context7-mcp"] }, "playwright": { "command": "npx", "args": ["@playwright/mcp@latest"] } } }

{ "mcpServers": { "next-devtools": { "command": "npx", "args": ["-y", "next-devtools-mcp@latest"] }, "shadcn": { "command": "npx", "args": ["shadcn@latest", "mcp"] }, "Neon": { "command": "npx", "args": ["-y", "mcp-remote", "https://mcp.neon.tech/mcp"] } } }

{ "mcpServers": { "playwright": { "type": "stdio", "command": "npx", "args": [ "@playwright/mcp@latest" ], "env": {} }, "vibetracking-supabase": { "type": "http", "url": "https://mcp.supabase.com/mcp?project_ref=qsvmtjcuymxkuuvhkape&read_only=true" } } }

{ "mcpServers": { "next-devtools": { "type": "stdio", "command": "npx", "args": ["next-devtools-mcp@latest"], "env": {} },

{ "mcpServers": { "symbols": { "command": "npx", "args": [ "-y", "@p1va/symbols@latest", "run", "npx", "-y", "typescript-language-server", "--stdio" ], "env": { "SYMBOLS_PRELOAD_FILES": "src/index.ts", "SYMBOLS_DIAGNOSTICS_STRATEGY": "push" } } } }

{ "mcpServers": { "sequential-thinking": { "type": "stdio", "command": "npx", "args": [ "-y", "@modelcontextprotocol/server-sequential-thinking" ] }, "context7": { "type": "sse", "url": "https://mcp.context7.com/sse" } } }

This file provides guidance to LLM coding agents when working with this Shiny-React application.

Database package with Drizzle ORM, Neon Postgres, and BetterAuth.

Make sure you are not on the main branch. If so, then start by creating a dedicated new one. Use the [commit](./commit.md) command if there are any pending changes.

Prefix: **RX-**

Restore full working context and continue work from previous session with complete state recovery.

name: codebase-analyzer description: Analyzes codebase implementation details and how components work tools: Read, Grep, Glob, LS model: claude-haiku-4-5-20251001

name: notification-ui description: Renders notification bell icon with unread count badge, pulse animations for new notifications, and dropdown panel (320px × max 400px) displaying notification items with purple theme for VERY IMPORTANT tasks. Includes mark-as-read interaction and empty state...

name: e2e description: Run E2E tests for Sentry JavaScript SDK test applications argument-hint: <test-app-name> [--variant <variant-name>]