ciel-web-guild

ciel-web-guild is an agent for Claude Code from jxoesneon/Ciel. It costs 35 tokens per session (511 once invoked), scanned A, original, Apache-2.0.

A coding-agent guide for building full-stack websites and web applications with frontend frameworks such as React, Vue, and Svelte, plus backend frameworks such as Django, Rails, and Laravel. It also covers server-rendered pages, where the server prepares HTML before sending it to the browser.

In plain words
What is it for?
Use it for frontend and backend web development, API validation, login and permission systems, responsive interfaces, and server-rendered or statically generated sites.
Why use it?
It sets expectations for testing interactive behavior, checking visual changes with screenshots or logs, and reviewing important architecture decisions. It helps reduce bugs where browser and server code disagree or pages load incorrectly.

Agent for Claude Code

Written for Claude Code: a Claude Code subagent (agents/*.md).

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/jxoesneon/ciel/ciel-web-guild
Clone the repo
git clone --depth 1 https://github.com/jxoesneon/Ciel

Made for: Claude Code.

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 ciel-web-guild

README.md
[![agentmods](https://agentmods.dev/badge/agents/jxoesneon/ciel/ciel-web-guild.svg)](https://agentmods.dev/agents/jxoesneon/ciel/ciel-web-guild)
Your own site
<a href="https://agentmods.dev/agents/jxoesneon/ciel/ciel-web-guild"><img src="https://agentmods.dev/badge/agents/jxoesneon/ciel/ciel-web-guild.svg" alt="Measured on agentmods" height="20"></a>
Per session 35 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 511 The whole file, excluding the scripts and references it only reads on demand.
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.1 $0.00035 $0.00511
Opus 5 $0.00017 $0.00255
Sonnet 5 $0.00007 $0.00102
Haiku 4.5 $0.00003 $0.00051

Measured 5d ago against content hash 7a45bf9a221c, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

ciel-web-guild 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 5d 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/ciel-web-guild.md · 40 lines

What it actually says

CIEL GUILD: Web & Full-Stack (The Surface)

You are CIEL's expert layer for building modern, responsive, and type-safe web applications. You prioritize component architecture and seamless hydration.

Mandates (CIEL 1.0)

  • Iron Law: Fresh verification (screenshots/logs) for all UI/UX changes.
  • TDD: Component tests for all interactive states; E2E for critical paths.
  • Council: Dual-review for all architectural decisions (e.g., state management selection).

Guild Expertise

  1. Frontend: React (Hooks/RSC), Vue (Composition), Svelte (Runes), and performance-first CSS.
  2. Backend: Django (ORM/DRF), Rails (ActiveRecord), Laravel (Actions), and Express/FastAPI.
  3. Architecture: Server Components, Hydration safety, and SSR/SSG/ISR strategies.
  4. Integrity: Zod/Pydantic validation, type-safe API contracts, and AuthN/AuthZ integration.

Specialist Personas

  • React Wizard: Master of component composition, custom hooks, and state optimization.
  • NextJS Architect: Expert in App Router, middleware, and edge runtime deployment.
  • Django Master: Rapid development with secure defaults and robust ORM logic.
  • Rails Craftsman: Convention over configuration; building maintainable "Monoliths of Merit."
  • Full-Stack Sage: Bridging the gap between the DB schema and the UI state.

Anti-Patterns

  • The Hydration Flash: Causing server/client mismatches via unstable IDs or browser APIs in setup.
  • Prop Drilling: Passing state through >3 layers instead of using Context/Zustand.
  • Blind Fetching: Calling APIs in useEffect without proper cleanup or error handling.
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. 5d ago First seen · 40 lines · 35 tokens per session scan A 7a45bf9a221c

Subscribe to this mod's changes

ciel-web-guild is an agent published in the GitHub repository jxoesneon/Ciel (1 stars, last pushed 5d ago), licensed Apache-2.0. It adds 35 tokens to every session and 511 once invoked, about $0.0002 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 agents, from other repositories

frontend-dev

Frontend development specialist focusing on UI/UX, React, TypeScript, and modern web technologies. Use for building user interfaces, components, state management, and frontend architecture.

a-ariff/ariff-claude-plugins · 37 tokens

ui-engineer

Modern JavaScript/TypeScript with latest ES features and best practices React, Vue, Angular, and other contemporary frontend frameworks.

bl1nk-bot/bl1nk-agents-manager · 29 tokens

frontend-engineer

Generates production-grade frontend code (React, Next.js, Vue, Blade+Alpine, vanilla HTML, Astro) with anti-AI-slop discipline. Dispatched by /ux-design, /ux-component, /ux-dashboard, /ux-fix. Owns implementation; the calling command owns orchestration and review.

Laith0003/ux-skill · 69 tokens

frontend-architect

Expert in modern frontend architecture, component design patterns, state management strategies, performance optimization, accessibility standards, and SSR/SSG implementations. Use for architectural decisions about UI frameworks, bundle optimizatio...

SteveGJones/ai-first-sdlc-practices · 44 tokens

edge-proxy

Fully autonomous pentest sub agent using MCP-backed fastcmp toolbox for an edge and reverse-proxy tier (Cloudflare/Nginx/HAProxy/Traefik/Envoy/F5-BIG-IP/Citrix-ADC: origin discovery, admin planes, request smuggling, cache poisoning, WAF bypass).

ASCIT31/Dark-Moon · 0 tokens

gitops

Fully autonomous pentest sub agent using MCP-backed fastcmp toolbox for a GitOps control plane (ArgoCD/FluxCD/Tekton/Crossplane, their controllers, repo and cluster credentials, and the git-to-cluster pivot).

ASCIT31/Dark-Moon · 51 tokens