chadi-frontend

chadi-frontend is an agent for coding agents from chadixearth/graphyloop. It costs 19 tokens per session (1,011 once invoked), scanned C, original, MIT.

A helper for building and checking web interfaces, including layouts, forms, page navigation, responsive behavior, and browser-side interactions.

In plain words
What is it for?
Use it to create or fix pages, forms, dialogs, routing, responsive layouts, accessibility, and frontend state. It can verify behavior with Playwright, a browser-testing tool.
Why use it?
It gives frontend work a defined focus and includes checks for common interface problems such as broken layouts, inaccessible controls, and incorrect client behavior.

Agent

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 agents/chadixearth/graphyloop/chadi-frontend
Clone the repo
git clone --depth 1 https://github.com/chadixearth/graphyloop

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.

agentmods badge for chadi-frontend

README.md
[![agentmods](https://agentmods.dev/badge/agents/chadixearth/graphyloop/chadi-frontend.svg)](https://agentmods.dev/agents/chadixearth/graphyloop/chadi-frontend)
Your own site
<a href="https://agentmods.dev/agents/chadixearth/graphyloop/chadi-frontend"><img src="https://agentmods.dev/badge/agents/chadixearth/graphyloop/chadi-frontend.svg" alt="Measured on agentmods" height="20"></a>
Per session 19 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 1,011 The whole file, excluding the scripts and references it only reads on demand.
Security scan C 2 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.00019 $0.01011
Opus 5 $0.00010 $0.00505
Sonnet 5 $0.00004 $0.00202
Haiku 4.5 $0.00002 $0.00101

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

Security

Grade C, and why

chadi-frontend scanned grade C with 2 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 4d 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.

Recursive force deletehighDestructive command

rm -rf with a variable or a broad path is one typo away from removing the wrong tree.

- **No destructive ops**: never run `rm -rf`, `git push --force`, `git reset --hard`, or any file-destructive operation without explicit caller confirmation.

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

- **Localhost readiness check**: before navigating `localhost:PORT`, verify server up: `curl http://127.0.0.1:PORT --max-time 5` (use IP not hostname — Windows resolves `localhost` to IPv6 `::1` first; if server binds `1
agents/chadi-frontend.md · 48 lines

How it starts

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

You are chadi-frontend. Work on UI, routing, responsive behavior, forms, modals, accessibility, and frontend state. Use context7 for framework docs. For verification use the Playwright CLI (npx playwright test) — the playwright MCP is disabled by default (2026-08-12, prompt size + RAM), so playwright_browser_* tools are not loaded. Ask the user to re-enable it only if a task genuinely needs interactive browser driving.

SKILLS (MANDATORY — load via skill tool before acting, when task matches)

  • Rendering user/API data, auth in the browser, a new env var, or a third-party script/iframe → load frontend-security first
  • Forms, dialogs, menus, tables, or any keyboard/screen-reader/compliance requirement → load web-accessibility
  • "It's slow", bundle growth, LCP/INP/CLS regression → load web-performance (baseline before changing anything)
  • New UI/landing/design → load design-taste-frontend (anti-slop) first
  • Redesign/upgrade existing UI → load redesign-existing-projects
  • Minimal/editorial UI → minimalist-ui; premium agency look → high-end-visual-design
  • Animation → gsap-core (plus gsap-scrolltrigger, gsap-react, gsap-timeline, gsap-plugins, gsap-frameworks, gsap-performance, gsap-utils when the task matches); 3D → threejs-fundamentals (plus threejs-animation, threejs-geometry, threejs-interaction, threejs-lighting, threejs-loaders, threejs-materials, threejs-postprocessing, threejs-shaders, threejs-textures)

GUARDRAILS (non-negotiable)

  • No destructive ops: never run rm -rf, git push --force, git reset --hard, or any file-destructive operation without explicit caller confirmation.
  • No secrets in frontend: never hardcode API keys, tokens, or credentials in client-side code. Flag if found.
  • Accessibility: forms, modals, and navigation must be keyboard-navigable and have ARIA labels.
  • Security: never disable CSRF, CORS, or content-security headers for "testing". Flag XSS vectors in rendered output.

Read the full file on GitHub · 48 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.

  1. 4d ago First seen · 48 lines · 19 tokens per session scan C d4d9eae36dbe

Subscribe to this mod's changes

chadi-frontend is an agent published in the GitHub repository chadixearth/graphyloop (2 stars, last pushed 18d ago), licensed MIT. It adds 19 tokens to every session and 1,011 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it C with 2 findings (recursive force delete, makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other agents, from other repositories

external-system-integration-expert

你负责把当前项目与外部 API、API 网关及业务系统安全地连接起来:识别集成边界、整理接口与环境差异、验证请求和响应、定位认证或数据契约问题。.

agents-universe/agents-universe · 33 tokens

config-safety-reviewer

Configuration safety specialist focusing on production reliability, magic numbers, pool sizes, timeouts, and connection limits. Use proactively for configuration changes and production safety reviews.

alirezarezvani/claude-code-tresor · 37 tokens

alchemist

Creative technologist who sees the browser as an unexplored physics engine. Consult when building UI that needs to feel alive - scroll-driven reveals, morphing transitions, spatial animation systems, anything where the interaction itself IS the product. Thinks in weight, tension, and breath before thinking in code.…

drobins25/craft · 355 tokens

verifier

Verification agent for /craft:research-verify. Takes a single claim from existing research and attempts to disprove it using independent primary sources. Returns a verdict (CONFIRMED/REFUTED/PARTIALLYTRUE/UNVERIFIABLE) with evidence. NOT a researcher. Does not discover new topics or cast a wide net. Takes one claim…

drobins25/craft · 178 tokens

pr-reviewer-expert

PR review agent crystallized from reverse-engineering CodeRabbit. Consult when reviewing PRs, checking diffs for bugs/security/performance, or when the user asks to review changes before committing or pushing. Trigger conditions: git diff output, PR descriptions, "review this", "check these changes", pre-push review…

drobins25/craft · 266 tokens

guidance-system

Date: February 2, 2026 Status: Phase 1 Complete (Backend Core) Priority: P0 - Critical Production Blocker.

rush86999/atom · 0 tokens