Borrowing it
Nothing to install: this file belongs to QuickerHub/quicker-rpc. 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/QuickerHub/quicker-rpc/main/.cursor/skills/quicker-agent-gui-theme/SKILL.mdgit clone --depth 1 https://github.com/QuickerHub/quicker-rpcWrote 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/skills/quickerhub/quicker-rpc/quicker-agent-gui-theme)<a href="https://agentmods.dev/skills/quickerhub/quicker-rpc/quicker-agent-gui-theme"><img src="https://agentmods.dev/badge/skills/quickerhub/quicker-rpc/quicker-agent-gui-theme/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/skills/quickerhub/quicker-rpc/quicker-agent-gui-theme"><img src="https://agentmods.dev/badge/skills/quickerhub/quicker-rpc/quicker-agent-gui-theme.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.00071 | $0.01235 |
| Opus 5 | $0.00036 | $0.00617 |
| Sonnet 5 | $0.00014 | $0.00247 |
| Haiku 4.5 | $0.00007 | $0.00123 |
Grade A, and why
quicker-agent-gui-theme 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 9d 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 — 106 lines — stays where its author put it; the contents beside it link to each section on GitHub.
agent-gui 主题适配（默认必做）
铁律
在 agent-gui 新增或修改可见 UI（组件、CSS、弹窗、内联 style）时，默认按深浅主题可切换来设计，不要假设用户只在浅色或只在深色下使用。
禁止（除非 token 文件中明确定义）：
- 写死
#fff/#000/#f4f4f4/#666等作为背景、正文、边框主色 - 只在一个主题下目测通过就宣布完成
必须：
- 用现有 CSS 变量；新语义色若缺失，在主题文件里成对补 dark + light
- 参考同目录已有控件的 class（
rg邻近组件），保持与周边一致 - 改完 UI 后走
quicker-agent-gui-frontend（dev_frontend_check）；有精力时在应用内切换深/浅主题扫一眼
用哪套 token
| 区域 | 主题文件 | 变量前缀 | 典型用途 |
|---|---|---|---|
| 主聊天、设置、通用壳 | agent-gui/app/theme.css |
--bg、--text、--muted、--accent、--md-code-bg… |
聊天气泡、工具卡、Markdown、Composer |
| 动作设计器 action-editor | agent-gui/components/action-editor/action-editor-theme.css |
--ad-bg-*、--ad-fg-*、--ad-border-* |
步骤列表、StepEditorPopup、参数编辑器、枚举下拉 |
| 动作设计器样式 | agent-gui/components/action-editor/action-editor.css |
上表 --ad-* |
新 class 写在这里，不要在组件里散落 hex |
切换方式：html[data-theme="dark"|"light"]（见 lib/action-editor/shared/ThemeContext.tsx、components/ThemeProvider.tsx）。
action-editor 常用 token（复制即用）
/* 输入 / 代码块 / 只读 wire 展示 */
background: var(--ad-bg-input);
border: 1px solid var(--ad-border-input);
color: var(--ad-fg-input);
/* 面板、弹窗 */
background: var(--ad-bg-panel);
border: 1px solid var(--ad-border-panel);
box-shadow: var(--ad-shadow-popup);
color: var(--ad-fg-primary);
/* 次要说明、summary */
color: var(--ad-fg-param-hint); /* 字段下 hint */
color: var(--ad-fg-hint); /* 更弱说明 */
/* 成功态文案（如按键摘要） */
color: var(--ad-fg-success);
/* 遮罩 */
background: var(--ad-backdrop-popup);
/* 强调 / 选中 / 混色 */
background: color-mix(in srgb, var(--ad-accent) 12%, var(--ad-bg-panel));
border-color: color-mix(in srgb, var(--ad-fg-warn-soft) 55%, var(--ad-border-strong));
对照实现（改前先看）：
- 代码块：
text-tool-dialog-key-preview、.keyboard-param-wire-code - 输入框：
.step-param-control、.step-param-expression-editor - 弹窗：
text-tool-dialog-*、key-input-select-dialog
主应用（非 action-editor）
优先 theme.css 中已有变量，例如：
- 表面：
--panel、--bg、--composer-input-bg - 文字：
--text、--muted - 代码：
--md-code-bg、--code-text - 状态：
--ok、--err、--warn
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.
- 9d ago First seen · 106 lines · 71 tokens per session scan A e564a10d15e3
quicker-agent-gui-theme is a skill published in the GitHub repository QuickerHub/quicker-rpc (13 stars, last pushed 25d ago), licensed MIT. It adds 71 tokens to every session and 1,235 once invoked, about $0.0004 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 skills, from other repositories
winapp-find-ui
Search WinUI 3 controls and samples for a working code example. Use when building a WinUI 3 UI and you need to discover which control fits an intent (e.g. 'tabbed layout', 'a card with an image and title', 'swipeable list rows') and get a real code example from the WinUI Gallery or the Windows Community Toolkit…
vs-project
Create Viking web projects, start and verify a local preview, or deploy a generated project to Volcengine IGA Pages when explicitly requested. Includes agent-guided feature, eligible application, dataset, scene, and authentication choices. Use only after confirming the installed CLI exposes vs project; otherwise stop…
extract-design-system
Extract design primitives from a public website and generate starter token files for your project.
awesome-design-md
Create a DESIGN.md style baseline BEFORE building UI. Use FIRST when no design draft exists — installs a proven visual style, then invoke frontend-design to implement. For borrowing a known product style, getting consistent typography/colors/spacing, or needing a fast visual starting point.
frontend-verify
A frontend user-experience checking workflow that reviews interface changes through several analysis and visual-testing stages. It examines affected pages, design references, and screenshots when relevant.
make-interfaces-feel-better
Use when building or reviewing UI polish: typography, hit areas, nested radius, optical alignment, shadows, media outlines, micro-interactions, and animation performance.