How do I install the App Code Standards skill?

Run npx skillmds@latest add ankit1598/app-code-standards in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is App Code Standards safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with App Code Standards?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is App Code Standards free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published App Code Standards?

Ankit1598 (@ankit1598) published this skill. Their other Agent Skills are listed on their SkillMD profile.

App Code Standards by ankit1598 — Agent Skill

Name: App Code Standards
Rating: 4.5 (4 reviews)
Author: Ankit1598

App Code Standards

Mandatory pre-write gate for product TypeScript/React/Next.js code. Forces a same-turn Read of project-structure (SKILL + REFERENCE) and code-style before any .ts/.tsx Write or StrReplace, plus forms-standard when form-shaped and shadcn-standard when composing registry UI. Use when writing, editing, scaffolding, refactoring, remapping, or reviewing app/actions/components/hooks/store/providers/services/managers/lib/types/schemas code; when adding a page, component, hook, action, API route, form, Button, or nativeButton; never skip because the user did not name these skills.

Ankit1598 Updated Sep 22, 2026

File contents

App Code Standards Gate

Do not write product code first. Guessing these rules from memory or a prior turn = fail. Read the linked files this turn before the first Write / StrReplace of application .ts / .tsx.

Triggers (any one)

New, edited, or moved .ts / .tsx under app/, actions/, components/ (except components/ui/), hooks/, store/, providers/, services/, managers/, app lib/, types/, schemas/
User asks for a page, component, hook, action, route, provider, store change, remap, or form
Task is Next.js / React web product work (not this skills repo, not markdown-only)

Same-turn reads (required)

project-structure and REFERENCE.md — placement, I/O boundaries, "use server", Pattern A
code-style — arrow fns, default export, Tailwind token scope, complexity ≤ 15, async+await
forms-standard — also if any of: <form, useForm, useFieldArray, field/validation/submit, useState for inputs / loading / errors, “login/signup/settings form”
shadcn-standard — also if composing registry UI (Button, nativeButton, asChild, render, triggers). Still Read shadcn this turn; house skill wins on conflict.

Then follow them. Do not “match existing sloppy file” when that file violates these skills.

Skip only

Skip this gate	Use instead
This `~/.agents` skills repo	`create-skill` / the matching skill
React Native / Expo UI	`react-native-ui` + `react-native-styling` + `ui-design-native`
shadcn-managed `components/ui/`	`shadcn` + `shadcn-standard` (do not restyle exports; do not patch gitignored `shadcn`)
Markdown / `.artifacts/` only	`dev-artifacts` / `artifacts-upkeep`

HTTP envelope / /api/vN → still load this gate, plus api-contracts.

Finish

Before claiming done:

Placement matches project-structure (I/O in action index.ts; services/ connect/send only; lib/ no I/O)
"use server" files export async fns only; those fns await
Client UI uses use*.ts; RSC / routes / cron use index.ts
Style matches code-style
Forms: RHF + zod + zodResolver, no form useState

---name: app-code-standardsdescription: Mandatory pre-write gate for product TypeScript/React/Next.js code. Forces a same-turn Read of project-structure (SKILL + REFERENCE) and code-style before any .ts/.tsx Write or StrReplace, plus forms-standard when form-shaped and shadcn-standard when composing registry UI. Use when writing, editing, scaffolding, refactoring, remapping, or reviewing app/actions/components/hooks/store/providers/services/managers/lib/types/schemas code; when adding a page, component, hook, action, API route, form, Button, or nativeButton; never skip because the user did not name these skills.---# App Code Standards Gate**Do not write product code first.** Guessing these rules from memory or a prior turn = fail. **Read the linked files this turn** before the first `Write` / `StrReplace` of application `.ts` / `.tsx`.## Triggers (any one)- New, edited, or **moved** `.ts` / `.tsx` under `app/`, `actions/`, `components/` (except `components/ui/`), `hooks/`, `store/`, `providers/`, `services/`, `managers/`, app `lib/`, `types/`, `schemas/`- User asks for a page, component, hook, action, route, provider, store change, remap, or form- Task is Next.js / React web product work (not this skills repo, not markdown-only)## Same-turn reads (required)1. [project-structure](../project-structure/SKILL.md) **and** [REFERENCE.md](../project-structure/REFERENCE.md) — placement, I/O boundaries, `"use server"`, Pattern A2. [code-style](../code-style/SKILL.md) — arrow fns, default export, Tailwind token scope, complexity ≤ 15, async+await3. [forms-standard](../forms-standard/SKILL.md) — **also** if any of: `<form`, `useForm`, `useFieldArray`, field/validation/submit, `useState` for inputs / loading / errors, “login/signup/settings form”4. [shadcn-standard](../shadcn-standard/SKILL.md) — **also** if composing registry UI (`Button`, `nativeButton`, `asChild`, `render`, triggers). Still **Read** [shadcn](../shadcn/SKILL.md) this turn; house skill wins on conflict.Then **follow them**. Do not “match existing sloppy file” when that file violates these skills.## Skip only| Skip this gate | Use instead ||---|---|| This `~/.agents` skills repo | `create-skill` / the matching skill || React Native / Expo UI | `react-native-ui` + `react-native-styling` + `ui-design-native` || shadcn-managed `components/ui/` | `shadcn` + `shadcn-standard` (do not restyle exports; do not patch gitignored `shadcn`) || Markdown / `.artifacts/` only | `dev-artifacts` / `artifacts-upkeep` |HTTP envelope / `/api/vN` → still load this gate, **plus** [api-contracts](../api-contracts/SKILL.md).## FinishBefore claiming done:- Placement matches project-structure (I/O in action `index.ts`; `services/` connect/send only; `lib/` no I/O)- `"use server"` files export async fns only; those fns `await`- Client UI uses `use*.ts`; RSC / routes / cron use `index.ts`- Style matches code-style- Forms: RHF + zod + `zodResolver`, no form `useState`

Frequently asked questions