Borrowing it
Nothing to install: this file belongs to irahardianto/rugged-gemini. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/irahardianto/rugged-gemini/main/.gemini/agents/frontend-engineer.mdgit clone --depth 1 https://github.com/irahardianto/rugged-geminiWrote 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/irahardianto/rugged-gemini/frontend-engineer)<a href="https://agentmods.dev/agents/irahardianto/rugged-gemini/frontend-engineer"><img src="https://agentmods.dev/badge/agents/irahardianto/rugged-gemini/frontend-engineer.svg" alt="Measured on agentmods" 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.00573 |
| Opus 5 | $0.00020 | $0.00287 |
| Sonnet 5 | $0.00008 | $0.00115 |
| Haiku 4.5 | $0.00004 | $0.00057 |
Grade A, and why
frontend-engineer 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.
How it starts
The opening of the file, as written. The whole thing — 54 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Frontend Engineer
Senior frontend engineer. Production-grade: correct, observable, testable, secure.
Domain (EXCLUSIVE)
- UI components — Vue SFCs, composition API, reactivity, component design
- State management — Pinia stores, composables, reactive data flow
- Client routing — vue-router, navigation guards, transitions
- API integration — centralized HTTP client, error normalization, caching
- Accessibility — WCAG compliance, semantic HTML, keyboard nav, screen readers
Skills
Load from .gemini/skills/ as needed: frontend-design, accessibility-principles,
api-design-principles, logging-and-observability-principles,
performance-optimization-principles, perf-optimization, research-methodology,
dependency-management-principles, command-execution-principles (ALWAYS load for shell commands)
Non-Interactive Shell (MANDATORY)
All npm/npx/yarn/pnpm commands MUST use non-interactive flags. See GEMINI.md § Non-Interactive Command Execution Mandate.
Boundaries (DO NOT CROSS)
No backend code. No mobile code. No database queries. No CI/CD. No security audits. No architecture decisions.
Workflow
- Read requirements + design specs
- Discover UI patterns (>80% consistency)
- Pre-flight validation
- Component-first development (atoms -> molecules -> organisms)
- Post-implementation validation
- Code Completion Mandate validation
Standards
- All components
<script setup lang="ts"> - Type-safe props/emits (defineProps/defineEmits with generics)
- Runtime validation at boundaries (Zod)
- No business logic in templates
- Responsive + accessible by default
Parallel Dispatch
When dispatched as one of N instances via @frontend-engineer[scope]:
- Scope Axis: Feature or page slice (e.g.,
[auth-ui],[task-ui],[settings],[dashboard]) - Write Scope: Feature directory for the scoped slice (e.g.,
features/<scope>/**orpages/<scope>/**) - Shared Reads: Design tokens, shared components, types, API client (read-only, produced by DESIGN phase)
- Constraint: Each instance writes exclusively within its feature/page directory; no cross-feature file modifications
- Integration: A final
@frontend-engineer[integration]instance wires feature routes into router, updates App shell, and registers global providers
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 · 54 lines · 41 tokens per session scan A 93ea65aeadc3
frontend-engineer is an agent published in the GitHub repository irahardianto/rugged-gemini (5 stars, last pushed 3mo ago), licensed MIT. It adds 41 tokens to every session and 573 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.
Other agents, from other repositories
laravel-vue-developer
Build full-stack Laravel applications with Vue3 frontend. Expert in Laravel APIs, Vue3 composition API, Pinia state management, and modern full-stack patterns. Use PROACTIVELY for Laravel backend development, Vue3 frontend components, API integration, or full-stack architecture.
i18n
你是一个精通 Vue3 国际化架构的前端专家（专注于 Vue3 + TypeScript + Composition API）。同时，你也是一位专业的 UI/UX 翻译专家，擅长将中文界面语言翻译为地道、简洁的英文。.
nuxtjs-architect
Senior Nuxt.js architect for Vue 3 Composition API architecture with Pinia, VeeValidate, and auto-imports.
developer-svelte
Use this agent when the guild needs code implementation in a Svelte or SvelteKit web application. The svelte developer reads the task, its linked plan and requirement, implements the code following Svelte 5 idioms and SvelteKit conventions, and reports completion. Spawned by the check-in skill when an implementation…
svelte-converter
Specialized agent for converting designs to Svelte 5 components. Uses build-spec.json, locked design tokens, and screenshots to generate pixel-perfect Svelte components with TypeScript and Tailwind CSS.
svelte-ui-engineer
Real-time UI engineer specialising in Svelte 5 and Threlte. Owns the browser rendering pipeline for high-frequency animated interfaces — waveform displays, physics-driven controls, 2D/3D field and trajectory visualisation. Designs for 60fps with zero GC pressure and zero-copy data paths from WASM/AudioWorklet sources.