dev_reference_snippets

Provide copy-paste references and checklists for TDD, API layers, React patterns, and authorization.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/denish12/codex-ai-agent-and-skills --skill dev-reference-snippets
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dev_reference_snippets
Source: https://github.com/denish12/codex-ai-agent-and-skills/tree/main/locales/en/.agents/skills/dev_reference_snippets
Command: npx skills add https://github.com/denish12/codex-ai-agent-and-skills --skill dev-reference-snippets

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Copy-paste references and anti-patterns for Senior Full Stack: TDD, API layers (Route→Controller→Service→Repo), validation, error handling, structured logging, React patterns (TanStack Query, Zustand, RTK), server-side authorization, and legacy React 15.3 practices. Use this as a source for copy-paste references and a checklist for code review and fast answers to questions like "how to properly do X" across the listed patterns.

Core Features & Use Cases

  • Comprehensive Do/Don't snippets for TDD, API design, boundary validation (Zod), centralized error handling, structured logging, React patterns, state management, and authorization.
  • Quick access to copy-paste references and checklists during code reviews, onboarding, and learning sessions.
  • Real-world examples and best practices for production Node.js/TypeScript/React projects.

Quick Start

Tell me the task you are working on and I will provide copy-paste references and a checklist from this skill.

Frequently Asked Questions about dev_reference_snippets

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I properly structure an API layer in Node.js and TypeScript?▼

To properly structure an API layer, use the Route→Controller→Service→Repo pattern. This skill provides copy-paste references and Do/Don't snippets for implementing this architecture alongside boundary validation and centralized error handling in production Node.js environments.

What is the best way to implement boundary validation with Zod in React?▼

Boundary validation with Zod ensures data integrity at API edges. This skill provides high-density Do/Don't snippets showing how to integrate Zod validation within your API layers and structured logging for robust TypeScript full stack applications.

How do I manage state in React using TanStack Query, Zustand, or RTK?▼

Managing state in React using TanStack Query, Zustand, or RTK requires distinct patterns for server and client data. This skill offers copy-paste references and anti-patterns for implementing these state management solutions correctly in production React applications.

Can I use this as a code review checklist for full stack TypeScript projects?▼

Yes, you can use this as a code review checklist for full stack TypeScript projects. It provides quick access to Do/Don't snippets covering TDD, API design, structured logging, and server-side authorization to ensure adherence to senior dev best practices.

Does this include references for legacy React 15.3 patterns?▼

Yes, this includes references for legacy React 15.3 practices. It covers real-world examples and best practices for legacy React patterns alongside modern full stack development techniques like TDD and centralized error handling.

How do I set up TDD workflows with Vitest in a full stack application?▼

Setting up TDD workflows with Vitest involves following strict Do/Don't anti-patterns for test creation. This skill provides concrete copy-paste references for integrating Vitest into your Node.js and TypeScript projects to ensure robust test coverage.