# Tryboy869 Dojutsu For AI React Typescript Nextjs Nodejs Cursorrules Prompt

> react-typescript-nextjs-nodejs-cursorrules-prompt-

- Skill: `tomevault-io/tryboy869-dojutsu-for-ai-react-typescript-nextjs-nodejs-curs` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/tryboy869-dojutsu-for-ai-react-typescript-nextjs-nodejs-curs`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/tryboy869-dojutsu-for-ai-react-typescript-nextjs-nodejs-curs/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/tryboy869-dojutsu-for-ai-react-typescript-nextjs-nodejs-curs

---


# react-typescript-nextjs-nodejs-cursorrules-prompt-

---
description: Enforces specific React/Next.js component development practices, including functional components, declarative JSX, UI library usage, and optimization techniques.
globs: components/**/*.{ts,tsx,js,jsx}
---
- Use functional components and TypeScript interfaces.
- Use declarative JSX.
- Use function, not const, for components.
- Use Shadcn UI, Radix, and Tailwind Aria for components and styling.
- Implement responsive design with Tailwind CSS.
- Use mobile-first approach for responsive design.
- Place static content and interfaces at file end.
- Use content variables for static content outside render functions.
- Minimize 'use client', 'useEffect', and 'setState'. Favor RSC.
- Use Zod for form validation.
- Wrap client components in Suspense with fallback.
- Use dynamic loading for non-critical components.
- Optimize images: WebP format, size data, lazy loading.

---
> Source: [Tryboy869/dojutsu-for-ai](https://github.com/Tryboy869/dojutsu-for-ai) — distributed by [TomeVault](https://tomevault.io).
<!-- tomevault:4.0:skill_md:2026-05-23 -->