Borrowing it
Nothing to install: this file belongs to watt-mind/coach. 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/watt-mind/coach/master/.gemini/skills/reka-ui/SKILL.mdgit clone --depth 1 https://github.com/watt-mind/coachWrote 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/watt-mind/coach/reka-ui)<a href="https://agentmods.dev/skills/watt-mind/coach/reka-ui"><img src="https://agentmods.dev/badge/skills/watt-mind/coach/reka-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/watt-mind/coach/reka-ui"><img src="https://agentmods.dev/badge/skills/watt-mind/coach/reka-ui.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
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.00047 | $0.01165 |
| Opus 5 | $0.00023 | $0.00583 |
| Sonnet 5 | $0.00009 | $0.00233 |
| Haiku 4.5 | $0.00005 | $0.00117 |
Grade A, and why
reka-ui 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 8d 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 — 147 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Reka UI
Unstyled, accessible Vue 3 component primitives. WAI-ARIA compliant. Previously Radix Vue.
Current version: v2.7.0 (December 2025)
When to Use
- Building headless/unstyled components from scratch
- Need WAI-ARIA compliant components
- Using Nuxt UI, shadcn-vue, or other Reka-based libraries
- Implementing accessible forms, dialogs, menus, popovers
For Vue patterns: use vue skill
Available Guidance
| File | Topics |
|---|---|
| references/components.md | Component index by category (Form, Date, Overlay, Menu, Data, etc.) |
| components/*.md | Per-component details (dialog.md, select.md, etc.) |
New guides (see reka-ui.com): Controlled State, Inject Context, Virtualization, Migration
Usage Pattern
Load based on context:
- Component index → references/components.md
- Specific component → components/dialog.md, components/select.md, etc.
- For styled Nuxt components built on Reka UI → use nuxt-ui skill
Key Concepts
| Concept | Description |
|---|---|
asChild |
Render as child element instead of wrapper, merging props/behavior |
| Controlled/Uncontrolled | Use v-model for controlled, default* props for uncontrolled |
| Parts | Components split into Root, Trigger, Content, Portal, etc. |
forceMount |
Keep element in DOM for animation libraries |
| Virtualization | Optimize large lists (Combobox, Listbox, Tree) with virtual scrolling |
| Context Injection | Access component context from child components |
What ships with it
52 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.
- components.md 6.8 KB
- components/accordion.md 2.3 KB
- components/alert-dialog.md 3.4 KB
- components/aspect-ratio.md 411 B
- components/avatar.md 1.3 KB
- components/calendar.md 6.3 KB
- components/checkbox.md 1.4 KB
- components/collapsible.md 1.2 KB
- components/combobox.md 8.9 KB
- components/config-provider.md 455 B
- components/context-menu.md 9.3 KB
- components/date-field.md 2.7 KB
- components/date-picker.md 10 KB
- components/date-range-field.md 2.8 KB
- components/date-range-picker.md 10 KB
- components/dialog.md 3.2 KB
- components/dropdown-menu.md 10 KB
- components/editable.md 4.0 KB
- components/focus-scope.md 550 B
- components/hover-card.md 3.5 KB
- components/label.md 318 B
- components/listbox.md 5.0 KB
- components/menubar.md 10 KB
- components/navigation-menu.md 4.8 KB
- components/number-field.md 2.1 KB
- components/pagination.md 2.8 KB
- components/pin-input.md 1.5 KB
- components/popover.md 4.5 KB
- components/presence.md 62 B
- components/primitive.md 66 B
- components/progress.md 1.4 KB
- components/radio-group.md 1.9 KB
- components/range-calendar.md 6.1 KB
- components/scroll-area.md 1.8 KB
- components/select.md 6.9 KB
- components/separator.md 474 B
- components/slider.md 2.2 KB
- components/splitter.md 2.6 KB
- components/stepper.md 3.2 KB
- components/switch.md 1.2 KB
- components/tabs.md 2.1 KB
- components/tags-input.md 3.7 KB
- components/time-field.md 85 B
- components/toast.md 3.7 KB
- components/toggle-group.md 1.5 KB
- components/toggle.md 694 B
- components/toolbar.md 2.6 KB
- components/tooltip.md 3.8 KB
- components/tree.md 3.7 KB
- components/visually-hidden.md 298 B
- references/components.md 6.8 KB
- scripts/generate-components.ts 19 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.
- 8d ago First seen · 147 lines · 47 tokens per session scan A 397474ecdb0a
reka-ui is a skill published in the GitHub repository watt-mind/coach (84 stars, last pushed 7d ago), licensed Apache-2.0. It adds 47 tokens to every session and 1,165 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 skills, from other repositories
shadcn-vue
Manages shadcn-vue components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-vue, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…
moai-domain-uiux
UI/UX design systems specialist covering accessibility, icons, theming, design tokens, and user experience patterns. Use when working on design systems, WCAG compliance, ARIA patterns, or dark mode theming.
moai-domain-frontend
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.
figma-codegen
Generate framework-aware code from a Figma design. Reads the project's stack profile and emits code matching the existing framework (React/Vue/Svelte/Next/etc.) and styling (Tailwind/CSS/CSS-in-JS), reusing existing components and design tokens instead of regenerating from scratch. Triggers whenever the user wants a…
component-template-generator
Generates starter component code using design tokens. Creates React/Vue/Svelte components with proper token usage, variants, and accessibility built in.
native-app-designer
Creates breathtaking iOS/Mac and web apps with organic, non-AI aesthetic. Expert in SwiftUI, React animations, physics-based motion, and human-crafted design. Use for iOS/Mac app UI, React/Vue animations, native-feel web apps, physics-based motion design. Activate on "SwiftUI", "iOS app", "native app", "React…