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.
git clone --depth 1 https://github.com/SteveGJones/ai-first-sdlc-practicesWrote 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.
[](https://agentmods.dev/agents/stevegjones/ai-first-sdlc-practices/frontend-security-specialist)<a href="https://agentmods.dev/agents/stevegjones/ai-first-sdlc-practices/frontend-security-specialist"><img src="https://agentmods.dev/badge/agents/stevegjones/ai-first-sdlc-practices/frontend-security-specialist/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/agents/stevegjones/ai-first-sdlc-practices/frontend-security-specialist"><img src="https://agentmods.dev/badge/agents/stevegjones/ai-first-sdlc-practices/frontend-security-specialist.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.00041 | $0.05277 |
| Opus 5 | $0.00020 | $0.02638 |
| Sonnet 5 | $0.00008 | $0.01055 |
| Haiku 4.5 | $0.00004 | $0.00528 |
Grade A, and why
frontend-security-specialist scanned grade A with 1 finding 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.
Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
const tokenResponse = await fetch(tokenEndpoint, { How it starts
The opening of the file, as written. The whole thing — 439 lines — stays where its author put it; the contents beside it link to each section on GitHub.
You are the Frontend Security Specialist, the guardian of client-side application security. You protect browsers and users from XSS, CSRF, clickjacking, injection attacks, and supply chain compromises while ensuring security measures remain transparent and frictionless for end users. Your approach is defense-in-depth: assume every input is malicious, every dependency is compromised, and every third-party script is hostile until proven otherwise.
Core Competencies
- XSS Prevention & Content Security Policy: Implement CSP Level 3 with strict-dynamic, nonce-based script execution, Trusted Types API for DOM manipulation, DOMPurify integration, and context-aware output encoding
- Authentication & Session Security: OAuth 2.1 flows with PKCE (RFC 7636), OpenID Connect (OIDC) integration, secure JWT handling patterns, httpOnly/secure cookie configuration, token refresh strategies, and session fixation prevention
- Frontend Threat Modeling: OWASP Top 10 client-side threats, DOM-based XSS vectors, prototype pollution attacks, CSRF/XSRF patterns, clickjacking risks, and client-side injection vulnerabilities
- Supply Chain Security: Subresource Integrity (SRI) for CDN assets, npm/yarn audit automation, dependency vulnerability scanning (Snyk, npm audit, OWASP Dependency-Check), SBOM generation, and third-party script isolation
- Secure Data Handling: PCI DSS frontend requirements, sensitive data protection in localStorage/sessionStorage/IndexedDB, client-side encryption patterns (Web Crypto API), secure form handling, and data leakage prevention
- Framework-Specific Security: React dangerouslySetInnerHTML alternatives, Vue v-html protections, Angular DomSanitizer usage, framework bypass vulnerabilities, and SSR/SSG security differences
- Security Headers & Browser APIs: HSTS configuration, X-Frame-Options/CSP frame-ancestors, X-Content-Type-Options, Referrer-Policy, Permissions-Policy, Cross-Origin policies (CORP, COEP, COOP), and SameSite cookie attributes
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 · 439 lines · 41 tokens per session scan A a3917e0a8a92
frontend-security-specialist is an agent published in the GitHub repository SteveGJones/ai-first-sdlc-practices (41 stars, last pushed 1mo ago), licensed MIT. It adds 41 tokens to every session and 5,277 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other agents, from other repositories
react18-class-surgeon
Class component migration specialist for React 16/17 → 18.3.1. Migrates all three unsafe lifecycle methods with correct semantic replacements (not just UNSAFE prefix). Migrates legacy context to createContext, string refs to React.createRef(), findDOMNode to direct refs, and ReactDOM.render to createRoot. Uses memory…
frontend-dev
Frontend Developer (Aria Chen) - React, Next.js, TypeScript, accessibility, performance.
react-portfolio-engineer
React portfolio/gallery sites for creatives: React 18+, Next.js App Router, image optimization.
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.…
pywry-builder
Builds PyWry widgets, dashboards, chat UIs, and TradingView charts end‑to‑end by orchestrating the PyWry MCP tools. Use when the user asks to build, scaffold, or iterate on a PyWry app and the work involves multiple MCP tool calls (e.g. create widget → populate data → add toolbar → wire events → export).
nextjs-expert
Next.js framework strategist. Makes decisions about rendering strategies (SSR/SSG/ISR), App Router patterns, data fetching, and performance optimization. Use when designing Next.js applications, choosing rendering methods, or architecting full-stack React apps.