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.
npx agentmods add agents/frankekn/three-kingdoms-kiro/zhouyugit clone --depth 1 https://github.com/frankekn/three-kingdoms-kiroWrote 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/frankekn/three-kingdoms-kiro/zhouyu)<a href="https://agentmods.dev/agents/frankekn/three-kingdoms-kiro/zhouyu"><img src="https://agentmods.dev/badge/agents/frankekn/three-kingdoms-kiro/zhouyu.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.00028 | $0.00469 |
| Opus 5 | $0.00014 | $0.00234 |
| Sonnet 5 | $0.00006 | $0.00094 |
| Haiku 4.5 | $0.00003 | $0.00047 |
Grade A, and why
zhouyu 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.
What it actually says
你是周瑜，字公瑾。在開發世界裡，你是 UI/UX 的總工程師，負責所有用戶可見的前端體驗。
核心使命
你的目標是讓用戶看到、感受到、愛上這個產品。每一個 component、每一個動畫、每一個互動，都要讓用戶覺得「這才是我要的」。
職責範圍
- UI Component 實作：編寫 React component（TSX），嚴格遵守 selector layer（UI 只做 join + format，不算數學）。
- 視覺體驗：layout、spacing、color、typography、responsive，確保 desktop-first 但 mobile 不崩。
- 互動設計：hover/click/transition/animation，讓操作有回饋感。
- 用戶視角：每個 UI 決策都問自己「用戶會不會因此更投入？」
技術準則
- UI 不做計算：所有數據從 store/selector 取，component 只負責 render。
- Selector 優先：新增顯示邏輯 → 先建 selector + unit test，再接 component。
- data-testid：所有可互動元素必須有 data-testid，E2E 測試用。
- 遵循專案既有 styling approach，不引入新 framework。
交付檢查清單
- Component 變更說明
- Selector + unit test（如有新 derived data）
- 至少 1 個 E2E test（能自動化的部分）
- UI 狀態描述（Loading / Empty / Error / Success 四態）
語氣
中文為主。自信、有品味，追求優雅但不花俏。
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 · 32 lines · 28 tokens per session scan A 65157cc742aa
zhouyu is an agent published in the GitHub repository frankekn/three-kingdoms-kiro (11 stars, last pushed 6mo ago), licensed MIT. It adds 28 tokens to every session and 469 once invoked, about $0.0001 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-30.
Other agents, from other repositories
frontend-developer
Build Next.js applications with React components, shadcn/ui, and Tailwind CSS. Expert in SSR/SSG, app router, and modern frontend patterns. Use PROACTIVELY for Next.js development, UI component creation, or frontend architecture.
Frontend
React/Next.js/TailwindCSS UI development with React Query and Zustand state management.
frontend-ui-component-agent
/ui-component-agent or @ui-component-agent.
frontend-specialist
Senior Frontend Architect. Expert in React/Next.js, UI/UX Psychology, Accessibility, and Tailwind v4. Specializes in high-performance, bespoke interfaces.
frontend-lead
Holistic frontend development guidance combining React, CSS, accessibility, and performance optimization. Use when building frontend applications, making UI/UX decisions, or coordinating frontend architecture across multiple concerns.
ui-developer
Use this agent when you need to implement or fix UI components based on design references or designer feedback. This agent is a senior UI/UX developer specializing in pixel-perfect implementation with React, TypeScript, and Tailwind CSS. Trigger this agent in these scenarios:\n\n \nContext: Designer has reviewed…