Open Source Agent Skill for TypeScript, React, and Next.js Patterns
A developer has published an open-source Agent Skill—a structured markdown reference—aimed at improving how AI coding assistants generate and review code for TypeScript, React, and Next.js projects.
What It Is
The skill is a 4,000-line reference contained in 17 files. It is not a tutorial or an npm package but a document for AI agents to consume. It was created to address recurring problems the author encountered with AI-generated frontend code, including:
- Using
as Usertype assertions on API responses instead of runtime validation. - Placing
"use client"directives on entire pages incorrectly. - Writing
useEffecthooks with unstable object dependencies. - Failing to distinguish between actual bugs and mere style preferences during code review.
Key Features and Structure
The reference is structured with specific labels to guide agent decisions:
- [HARD RULE]: Patterns that must be followed.
- [DEFAULT]: Recommended standard approaches.
- [SITUATIONAL]: Patterns to apply only in specific contexts.
It includes decision flowcharts to help agents choose the correct pattern, three debugging playbooks for type errors, hydration issues, and useEffect problems, and code review heuristics that separate real risks from stylistic preferences.
Installation and Compatibility
To install, run:
git clone https://github.com/leejpsd/typescript-react-patterns ~/.claude/skills/typescript-react-patternsThe author states it works with Claude Code, Cursor, Codex, and Gemini CLI. Feedback on missing patterns or incorrect guidance is requested.
📖 Read the full source: r/ClaudeAI
👀 See Also
Claude adds memory import feature to migrate from other AI providers
Claude now allows users to import context and preferences from other AI providers through a copy-paste process. The memory feature is available on all paid plans and helps maintain conversation history when switching platforms.
Need MCP Server Provides Semantic Tool Discovery for AI Agents
An MCP server called Need enables semantic search over 10,000+ tools from brew, npm, pip, and cargo. When an agent requests a task like 'compress these PNGs,' it finds pngquant, installs it, runs it, and reports back on success.
aco-system: An Entire Company OS for Claude That Writes User Stories, Breaks Tasks, Reviews PRs
A Reddit user shared how aco-system turned a single GitHub issue into a fully validated PR with tests — driven entirely by Claude. Includes user story generation, task breakdown, secret checking, and PR review.
/goal for Claude Code: persistent tasks with adversarial review
A /goal command for Claude Code that keeps it working on a long task across many turns, with an optional separate Claude session reviewing the final result to prevent false completion.