Tools

Open Source Agent Skill for TypeScript, React, and Next.js Patterns

✍️ OpenClawRadar📅 Published: April 16, 2026🔗 Source
Open Source Agent Skill for TypeScript, React, and Next.js Patterns
Ad

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 User type assertions on API responses instead of runtime validation.
  • Placing "use client" directives on entire pages incorrectly.
  • Writing useEffect hooks with unstable object dependencies.
  • Failing to distinguish between actual bugs and mere style preferences during code review.
Ad

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-patterns

The 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

Ad

👀 See Also

Open-Source MCP Server Turns Claude into an Autonomous Literary Agent for Querying Publishers
Tools

Open-Source MCP Server Turns Claude into an Autonomous Literary Agent for Querying Publishers

The Agentic Publishing Node is an MCP server that lets Claude automatically cross-reference manuscripts against literary agent wishlists, generate query letters, format to Shunn standard, and log pitches — all from local markdown files.

OpenClawRadar
Using Obliteratus toolkit to remove refusal weights from AI models
Tools

Using Obliteratus toolkit to remove refusal weights from AI models

A Reddit user used the Obliteratus toolkit to surgically remove specific weights responsible for refusal behavior in AI models, demonstrating on Alibaba's Qwen 1.5B model that it can reveal training origins without retraining.

OpenClawRadar
Qwen3.6:27b + Custom Go Agent: A Local Alternative to Claude Code
Tools

Qwen3.6:27b + Custom Go Agent: A Local Alternative to Claude Code

A developer tests Qwen3.6:27b at Q8 on an RTX 6000 (96GB), claims it matches Claude Code for daily coding, and open-sources a minimal Go agent with no plugins or MCP.

OpenClawRadar
Savecraft MCP Server Provides Claude with Accurate Magic: The Gathering Data
Tools

Savecraft MCP Server Provides Claude with Accurate Magic: The Gathering Data

Savecraft is an open-source MCP server that parses MTG Arena Player.log locally, syncs game state, and gives Claude access to 12 expert reference modules built on real Magic: The Gathering data. The tool prevents Claude from hallucinating card names and rules by providing access to actual Arena data, draft recommendations from 17Lands, and the complete Scryfall database.

OpenClawRadar