What is clearfrontend CLAUDE.md?

Project instructions for ClearFrontend, a Next.js application where people solve JavaScript and TypeScript coding problems and receive immediate feedback. They describe the project’s technologies, important folders, and rules for server-only code and related features.

Use them when working on the ClearFrontend project, especially its pages, server actions, database access, authentication, code execution, styling, state, or tests.

They give a coding agent the project context it needs before changing files. This reduces mistakes such as putting code in the wrong folder or using server-only code in the browser.

clearfrontend CLAUDE.md — Instructions file for coding agents by sadanandpai: Project instructions for ClearFrontend, a Next.js application

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/sadanandpai/clearfrontend/claude-md

Clone the repo

git clone --depth 1 https://github.com/sadanandpai/clearfrontend

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/instructions/sadanandpai/clearfrontend/claude-md.svg)](https://agentmods.dev/instructions/sadanandpai/clearfrontend/claude-md)

Your own site

<a href="https://agentmods.dev/instructions/sadanandpai/clearfrontend/claude-md"><img src="https://agentmods.dev/badge/instructions/sadanandpai/clearfrontend/claude-md.svg" alt="Measured on agentmods" height="20"></a>

Per session 1,559 This file is loaded in full into every session.

When invoked 1,559 The same file — it is already loaded in full.

Security scan A 0 findings. Scan, not verified.

Origin 88% copy Near-identical to another mod 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.

Model	Per session	Once invoked
Fable 5.1	$0.01559	$0.01559
Opus 5	$0.00779	$0.00779
Sonnet 5	$0.00312	$0.00312
Haiku 4.5	$0.00156	$0.00156

Measured 6d ago against content hash 51842c0582b3, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-05, from the pricing page.

Security

Grade A, and why

clearfrontend CLAUDE.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 6d 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.

Origin

This is a copy

88% identical to clearfrontend AGENTS.md — 4 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

CLAUDE.md · 130 lines

How it starts

The opening of the file, as written. The whole thing — 130 lines — stays where its author put it; the contents beside it link to each section on GitHub.

ClearFrontend — Agent Instructions

This file is read natively by Claude Code. Identical content lives in AGENTS.md for cross-agent compatibility (OpenAI Codex, etc.).

Project Overview

ClearFrontend is a Next.js 15 coding challenge platform where users solve JavaScript/TypeScript problems and get instant feedback. Code is executed server-side inside a true V8 isolate (isolated-vm + esbuild) — no external judge service, no sandboxed iframe. The backend uses Appwrite (auth + database), Redis (caching), and Vercel (deployment).

Tech Stack

Layer	Technology
Framework	Next.js 15 (App Router), React 19
Language	TypeScript 7 (strict)
Styling	Tailwind CSS v4 + SCSS Modules + Radix UI Themes
State	Zustand 5 (Immer), React Query 5
Editor	Monaco Editor (`@monaco-editor/react`)
Execution	`isolated-vm` 6 + `esbuild` 0.28
Backend	Appwrite (BaaS) + ioredis
Testing	Vitest 4

Key Paths

src/app/          Pages and layouts (Next.js App Router)
src/server/       Server-only code — never imported by client components
  actions/        Next.js Server Actions ("use server")
  data-access/    DB queries (Appwrite / Redis)
  services/       External service clients
src/ui/           React components and client-side code
  components/core/      Reusable atoms (no domain knowledge)
  components/common/    Layout and navigation
  components/modules/   Feature-specific components
  store/          Zustand stores
  context/        React context providers
src/common/       Zero-dependency shared code (types, challenge data, routes)
  challenges/     Challenge definitions ({id}.ts)
  types/          Shared TypeScript types
scripts/          CLI utilities (validate-challenges.js)

Server Actions Rules

Always "use server" at the top of action files.
Validate all inputs — use isValidChallengeId() for challenge IDs.
Never expose raw DB or internal errors to the client.
Pattern: validate → authorize → data-access → return.
Use respondWithError for structured error responses.

Read the full file on GitHub · 130 lines

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.

6d ago First seen · 130 lines · 1,559 tokens per session scan A 51842c0582b3

Subscribe to this mod's changes

clearfrontend CLAUDE.md is an instructions file published in the GitHub repository sadanandpai/clearfrontend (200 stars, last pushed 13d ago), licensed MIT. It adds 1,559 tokens to every session, about $0.0078 per session on Opus 5. A static security scan graded it A with 0 findings. It is 88% identical to clearfrontend AGENTS.md, differing in 4 lines, and is treated as a copy.

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

clearfrontend CLAUDE.md