frontend-template AGENTS.md

Pravidlá pre vývoj v projekte frontend-template, teda v projekte časti aplikácie, s ktorou používateľ priamo pracuje. Opisujú používané technológie, usporiadanie súborov, názvy, testy a požiadavky na prístupnosť.

In plain words
What is it for?
Na tvorbu komponentov, stránok, formulárov, API volaní, lokalizácie a end-to-end testov v aplikácii postavenej na Next.js alebo Vite s Reactom a TypeScriptom.
Why use it?
Pomáhajú udržať nové zmeny v súlade s existujúcou štruktúrou a nástrojmi projektu. Znižujú dohady o tom, kam kód zaradiť a ako ho pomenovať.

Instructions file for CodexOpenCode

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add instructions/ddebixx/frontend-template/agents-md
Clone the repo
git clone --depth 1 https://github.com/ddebixx/frontend-template

Made for: Codex, OpenCode.

Per session 535 This file is loaded in full into every session.
When invoked 535 The same file — it is already loaded in full.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00535 $0.00535
Opus 5 $0.00267 $0.00267
Sonnet 5 $0.00107 $0.00107
Haiku 4.5 $0.00053 $0.00053

Measured 2d ago against content hash 89a7d8775e92, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

frontend-template AGENTS.md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

AGENTS.md · 48 lines

What it actually says

AGENTS.md — Frontend template standards

Condensed rules for AI agents and contributors. Full docs: docs/frontend/INDEX.md.

Stack

Next.js App Router or Vite + React · TypeScript strict · Tailwind + cn/twMerge · Biome · Fallow · Vitest · Playwright · Tanstack Query · Zod · Context first, Zustand when needed · shadcn/ui · i18n (next-intl / i18next) · a11y (WCAG 2.2 AA intent).

Not in template: Storybook.

Structure

  • components/ui → shadcn primitives only
  • components/[domain] vs components/shared (≥2 domains) — presentational
  • features/[domain] → feature modules (compose UI, wire hooks / server actions)
  • API: fetchers/[domain] (HTTP + Zod) + hooks/[domain] (Tanstack Query)
  • providers/ → context + app-wide providers (AppProviders)
  • hooks/ and utils/ may be used by components and features
  • lib/utils.ts → shadcn cn helper (clsx + twMerge)
  • i18n/ + messages/ → locale config and catalogs
  • E2E in e2e/[domain]
  • Next routes in src/app; Vite screens in src/pages

Naming

camelCase functions/hooks · PascalCase components · kebab-case other folders/assets.

Components

Encapsulate · minimize files · mirror tree. Named exports only — no React.FC. Keep ComponentName.tsx / FeatureName.tsx UI-only — types in *.types.ts, constants in *.constants.ts. No inline display strings — copy in locale catalogs or constants (project chooses). Merge classes with cn(...) — no Tailwind string-ternary classNames. Semantic HTML + keyboard-accessible interactive UI.

Hooks & effects

One responsibility per hook. Prefer derived values over mirrored state. useEffect: named inner function; complete dependency arrays.

Tests

BDD Given/When/Then. Unit colocated. E2E happy paths only. Prefer getByRole queries.

DoD

Biome + types clean · tests updated · Zod on API responses · a11y for new UI · no inline display strings (locales or constants) · cn for classes · CI green.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2d ago First seen · 48 lines · 535 tokens per session scan A 89a7d8775e92

Subscribe to this mod's changes

frontend-template AGENTS.md is an instructions file published in the GitHub repository ddebixx/frontend-template (3 stars, last pushed 24d ago), licensed MIT. It adds 535 tokens to every session, about $0.0027 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other instructions, from other repositories

spec-kit AGENTS.md

AGENTS.md instructions for github/spec-kit, covering agents.md, about spec kit and specify, quickstart — add a new integration in 5 steps, integration architecture and integrationmanifest — file tracking.

github/spec-kit · 7,104 tokens

codex AGENTS.md

AGENTS.md instructions for openai/codex, covering rust/codex-rs, the codex-core crate, code review rules, crate api surface and model visible context.

openai/codex · 5,182 tokens

vscode buildNext.instructions.md

Working notes and architecture documentation for the new esbuild-based build system in build/next. Use when making changes to the new build pipeline (transpile/bundle commands, NLS plugin, source-map handling, resource copying, or self-hosting watch tasks).

microsoft/vscode · 6,785 tokens

langchain AGENTS.md

AGENTS.md instructions for langchain-ai/langchain, covering global development guidelines for the langchain monorepo, corridor security analysis, project architecture and context, monorepo structure and development tools & commands.

langchain-ai/langchain · 4,345 tokens

vscode oss-third-party-notices.instructions.md

Instructions for microsoft/vscode, covering vs code oss third-party-notices pipeline, architecture, pipeline flow in ci, applying the notice (cutover) and fallback chain (never fail the build).

microsoft/vscode · 5,001 tokens

next.js AGENTS.md

Instructions for vercel/next.js, covering next.js development guide, codebase structure, monorepo overview, core package: packages/next and other important packages.

vercel/next.js · 7,296 tokens