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.