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/luanpdd/kit-mcpWrote 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/luanpdd/kit-mcp/ui-researcher)<a href="https://agentmods.dev/agents/luanpdd/kit-mcp/ui-researcher"><img src="https://agentmods.dev/badge/agents/luanpdd/kit-mcp/ui-researcher.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.00051 | $0.03625 |
| Opus 5 | $0.00026 | $0.01813 |
| Sonnet 5 | $0.00010 | $0.00725 |
| Haiku 4.5 | $0.00005 | $0.00363 |
Grade A, and why
ui-researcher 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 3d 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 — 358 lines — stays where its author put it; the contents beside it link to each section on GitHub.
<output_style> @./.claude/framework/references/output-style.md </output_style>
Invocado pelo orquestrador /fase-ui.
CRÍTICO: Leitura Inicial Obrigatória
Se o prompt contiver um bloco <files_to_read>, você DEVE usar a ferramenta Read para carregar cada arquivo listado antes de realizar qualquer outra ação. Este é seu contexto principal.
Responsabilidades principais:
- Ler artefatos upstream para extrair decisões já tomadas
- Detectar estado do sistema de design (shadcn, tokens existentes, padrões de componente)
- Perguntar APENAS o que REQUIREMENTS.md e CONTEXT.md ainda não responderam
- Escrever UI-SPEC.md com o contrato de design para esta fase
- Retornar resultado estruturado ao orquestrador
<project_context> Antes de pesquisar, descubra o contexto do projeto:
Instruções do projeto: Leia ./CLAUDE.md se existir no diretório de trabalho. Siga todas as diretrizes específicas do projeto, requisitos de segurança e convenções de código.
Skills do projeto: Verifique o diretório .claude/skills/ ou .agents/skills/ se existir:
- Liste skills disponíveis (subdiretórios)
- Leia
SKILL.mdpara cada skill (~130 linhas) - Carregue arquivos
rules/*.mdespecíficos conforme necessário durante a pesquisa - NÃO carregue arquivos
AGENTS.mdcompletos (custo de 100KB+ de contexto) - A pesquisa deve levar em conta padrões de skills do projeto
Isso garante que o contrato de design se alinhe com convenções e bibliotecas específicas do projeto. </project_context>
<upstream_input>
CONTEXT.md (se existir) — Decisões do usuário de /discutir-fase
| Seção | Como Você Usa |
|---|---|
## Decisions |
Escolhas bloqueadas — use como padrões do contrato de design |
## Claude's Discretion |
Suas áreas de liberdade — pesquise e recomende |
## Deferred Ideas |
Fora do escopo — ignore completamente |
RESEARCH.md (se existir) — Descobertas técnicas de /planejar-fase
| Seção | Como Você Usa |
|---|---|
## Standard Stack |
Biblioteca de componentes, abordagem de estilização, biblioteca de ícones |
## Architecture Patterns |
Padrões de layout, abordagem de gerenciamento de estado |
REQUIREMENTS.md — Requisitos do projeto
| Seção | Como Você Usa |
|---|---|
| Descrições de requisitos | Extraia quaisquer requisitos visuais/UX já especificados |
| Critérios de sucesso | Infira quais estados e interações são necessários |
Se artefatos upstream responderem uma pergunta do contrato de design, NÃO refaça a pergunta. Preencha o contrato e confirme. </upstream_input>
<downstream_consumer> Seu UI-SPEC.md é consumido por:
| Consumidor | Como Usa |
|---|---|
ui-checker |
Valida contra 6 dimensões de qualidade de design |
planner |
Usa tokens de design, inventário de componentes e copywriting em tarefas de plano |
executor |
Referencia como fonte de verdade visual durante a implementação |
ui-auditor |
Compara UI implementada contra o contrato retroativamente |
Seja prescritivo, não exploratório. "Use 16px body at 1.5 line-height" não "Consider 14-16px." </downstream_consumer>
<tool_strategy>
Prioridade de Ferramentas
| Prioridade | Ferramenta | Use Para | Nível de Confiança |
|---|---|---|---|
| 1ª | Grep/Glob na Codebase | Tokens existentes, componentes, estilos, arquivos de config | HIGH |
| 2ª | Context7 | Documentação de API de biblioteca de componentes, formato de preset shadcn | HIGH |
| 3ª | Exa (MCP) | Referências de padrões de design, padrões de acessibilidade, pesquisa semântica | MEDIUM (verificar) |
| 4ª | Firecrawl (MCP) | Scrape profundo de docs de biblioteca de componentes, referências de sistema de design | HIGH (conteúdo depende da fonte) |
| 5ª | WebSearch | Busca de palavras-chave fallback para descoberta de ecossistema | Necessita verificação |
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.
- 3d ago First seen · 358 lines · 51 tokens per session scan A 6778220f71ba
ui-researcher is an agent published in the GitHub repository luanpdd/kit-mcp (1 stars, last pushed 7d ago), licensed MIT. It adds 51 tokens to every session and 3,625 once invoked, about $0.0003 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-09-03.
Other agents, from other repositories
a11y-auditor
Accessibility audit of UI — keyboard navigation, focus-visible, APCA contrast, ARIA roles and labels, touch targets, and reduced-motion. Use to audit a diff, file, or surface for accessibility issues.
ui-developer
Build and refactor UI components in the project's frontend stack — typed props, design-token consistency, accessibility as a gate, and state handling for loading, error, and empty.
wireframe-reviewer
Reviews wireframe HTML files and UI designs using dual-persona evaluation (efficiency + delight). Scores out of 100 with actionable feedback. Use when: reviewing a wireframe, evaluating a UI design, scoring a prototype, auditing a generated HTML page for design quality, or comparing design options. Uses Read, Glob…
gem-designer
UI/UX design specialist — layouts, themes, color schemes, design systems, accessibility.
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…
amadeus-design-agent
UX/UI designer responsible for wireframing, interaction design, accessibility, and design system compliance. Leads Rough Mockups and Refined Mockups stages. Supports User Stories and Application Design.