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 skills add andregusman-raiz/a-gusman-claude --skill ag-11-ux-uigit clone --depth 1 https://github.com/andregusman-raiz/a-gusman-claudeWrote 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/andregusman-raiz/a-gusman-claude/ag-11-ux-ui)<a href="https://agentmods.dev/skills/andregusman-raiz/a-gusman-claude/ag-11-ux-ui"><img src="https://agentmods.dev/badge/skills/andregusman-raiz/a-gusman-claude/ag-11-ux-ui/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/andregusman-raiz/a-gusman-claude/ag-11-ux-ui"><img src="https://agentmods.dev/badge/skills/andregusman-raiz/a-gusman-claude/ag-11-ux-ui.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.00057 | $0.08286 |
| Opus 5 | $0.00028 | $0.04143 |
| Sonnet 5 | $0.00011 | $0.01657 |
| Haiku 4.5 | $0.00006 | $0.00829 |
Grade B, and why
ag-11-ux-ui scanned grade B 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 12d 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.
Asks for rootmediumPrivilege escalation
A mod that escalates privileges can change anything on the machine, not only the project.
sudo apt update && sudo apt install python3 How it starts
The opening of the file, as written. The whole thing — 715 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Canonical delegation (ADR-0001)
Esta machine delega para SKILLS oficiais (invocar via Skill({ skill: "..." }) ou slash command /<nome>, NUNCA via Agent({ subagent_type: "..." }) — não existem agents com esses nomes):
| Caso | Skill canonical | Como invocar |
|---|---|---|
| URL Figma no prompt (Figma → código) | figma:figma-implement-design |
Skill({ skill: "figma:figma-implement-design" }) |
| Criar design system no Figma | figma:figma-generate-library |
Skill({ skill: "figma:figma-generate-library" }) |
| Escrever em Figma canvas | figma:figma-use (prerequisito obrigatório antes de use_figma tool) |
Skill({ skill: "figma:figma-use" }) |
| Code Connect (Figma ↔ código) | figma:figma-code-connect |
Skill({ skill: "figma:figma-code-connect" }) |
| shadcn/ui setup + componentes | vercel:shadcn |
Skill({ skill: "vercel:shadcn" }) |
| React best-practices review | vercel:react-best-practices |
Skill({ skill: "vercel:react-best-practices" }) |
| UI criativa/distintiva | frontend-design:frontend-design |
Skill({ skill: "frontend-design:frontend-design" }) |
Se precisar contexto isolado (paralelismo, escopo grande): spawnar Agent({ subagent_type: "general-purpose", model: "sonnet", prompt: "Invoque a skill <nome> para ..." }) — o agent carrega a skill dentro do seu contexto isolado.
Esta machine (ag-11-ux-ui) mantém valor como orchestrator de design: curadoria da Raiz Design Library, catálogo de 24 soluções, decisão entre estilos/paletas/fonts, integração com stack-decisions.
Design Tokens rAIz — 4 primários
--raiz-orange: #F7941D | --raiz-teal: #5BB5A2 | --raiz-dark: #1A1A1A | --raiz-gray-50: #F8F9FA
Tokens completos (tipografia IBM Plex, spacing 4px grid, radius, shadows, paleta expandida): Read
~/Claude/assets/design-library/UI_UX/raiz-educacao-design-system.md+~/Claude/assets/design-library/tokens/colors.json
24 Soluções catalogadas (quick index)
dashboard, workflow, chat, marketing-site, admin-panel, form-wizard, data-table, kanban, calendar, timeline, media-gallery, profile, settings, onboarding, pricing, checkout, auth-flow, notifications, search, filters, editor, report-viewer, report-builder, analytics
What ships with it
27 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- data/charts.csv 7.4 KB
- data/colors.csv 9.4 KB
- data/icons.csv 13 KB
- data/landing.csv 14 KB
- data/products.csv 29 KB
- data/react-performance.csv 14 KB
- data/stacks/astro.csv 12 KB
- data/stacks/flutter.csv 10 KB
- data/stacks/html-tailwind.csv 11 KB
- data/stacks/jetpack-compose.csv 8.0 KB
- data/stacks/nextjs.csv 12 KB
- data/stacks/nuxt-ui.csv 14 KB
- data/stacks/nuxtjs.csv 16 KB
- data/stacks/react-native.csv 9.7 KB
- data/stacks/react.csv 13 KB
- data/stacks/shadcn.csv 16 KB
- data/stacks/svelte.csv 11 KB
- data/stacks/swiftui.csv 11 KB
- data/stacks/vue.csv 11 KB
- data/styles.csv 94 KB
- data/typography.csv 31 KB
- data/ui-reasoning.csv 30 KB
- data/ux-guidelines.csv 20 KB
- data/web-interface.csv 7.3 KB
- scripts/core.py 10.0 KB runs code
- scripts/design_system.py 43 KB runs code
- scripts/search.py 5.2 KB runs code
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.
- 12d ago First seen · 715 lines · 57 tokens per session scan B b3f1bb6c3cee
ag-11-ux-ui is a skill published in the GitHub repository andregusman-raiz/a-gusman-claude (19 stars, last pushed 3d ago), licensed MIT. It adds 57 tokens to every session and 8,286 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it B with 1 finding (asks for root). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
taiyi-ui-design
A design-planning guide for describing how an application's user interface should look and behave. It produces a UI-DESIGN.md document covering layouts, components, interactions, accessibility, and error states.
taiyi-diagram-arch
A workflow for turning written system or product architecture into readable, version-controlled diagrams using Mermaid or exported SVG and PNG files. Architecture diagrams show components, boundaries, data flows, and deployment relationships.
taiyi-restyle
A planning guide for breaking a large user-interface redesign into smaller, independently reviewable tasks. A user interface is the part of an application that people see and use.
taiyi-diagram-pipeline
A pipeline that creates and updates architecture diagrams in three stages: a C4 model from the code, an engineering architecture diagram, and an exported PNG image. C4 is a way to describe software architecture at several levels of detail.
taiyi-diagram-render
A tool for rendering existing C4 or architecture Mermaid diagrams as SVG or PNG images. C4 is a way to show software systems at different levels, while Mermaid is a text format for diagrams.
flowchart-creator
Create HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes. Use when users request flowcharts, process diagrams, workflow visualizations, or decision trees.