reka-ui은(는) 무엇을 하나요?
Reka UI(헤드리스 Vue 컴포넌트)로 빌드할 때 사용하세요 - 컴포넌트 API, 접근성 패턴, 합성(asChild), 제어/비제어 상태, 가상화 및 스타일링 통합을 제공합니다. 이전 명칭은 Radix Vue입니다.
Reka UI(헤드리스 Vue 컴포넌트)으로 개발할 때 사용하세요 - 컴포넌트 API, 접근성 패턴, 합성(asChild), 제어/비제어 상태, 가상화 및 스타일링 통합을 제공합니다. 이전 명칭은 Radix Vue입니다.
이 스킬은 Reka UI(구 Radix Vue)를 사용하여 Vue 애플리케이션을 구축할 때 개발자에게 필요한 상세한 지침과 모범 사례를 제공합니다. Reka UI는 접근성, 합성(asChild 패턴), 제어/비제어 상태 관리, 가상화, 그리고 Tailwind CSS 등 다양한 스타일링 솔루션과의 통합을 지원하는 헤드리스 Vue 컴포넌트 라이브러리입니다. 이 스킬은 Claude Code, Cursor, Codex와 같은 AI 에이전트 플랫폼에서 Reka UI 컴포넌트를 효과적으로 사용하고, 접근성 패턴(예: Dialog의 `aria-describedby`, Select의 `aria-activedescendant`)을 올바르게 구현하며, 컴포넌트의 동작과 상태를 정밀하게 제어하는 방법을 설명합니다. 개발자는 이 가이드를 통해 Reka UI의 핵심 개념을 빠르게 이해하고, 실제 프로젝트에서 생산성과 접근성을 높일 수 있습니다.
npx skills add https://github.com/onmax/nuxt-skills/tree/main/skills/reka-uiReka UI(헤드리스 Vue 컴포넌트)로 빌드할 때 사용하세요 - 컴포넌트 API, 접근성 패턴, 합성(asChild), 제어/비제어 상태, 가상화 및 스타일링 통합을 제공합니다. 이전 명칭은 Radix Vue입니다.
This repo contains 15 individual skills — each has its own dedicated page.
Use when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props.
Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt
Use when working on Nuxt 4+ projects - provides server routes, file-based routing, middleware patterns, Nuxt-specific composables, and configuration with latest docs. Covers h3 v1 helpers (validation, WebSocket, SSE) and nitropack v2 patterns. Updated for Nuxt 4.3+.
Use when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration.
Use when working with Nuxt Content v3, markdown content, or CMS features in Nuxt - provides collections (local/remote/API sources), queryCollection API, MDC rendering, database configuration, NuxtStudio integration, hooks, i18n patterns, and LLMs integration
Use when building NuxtHub v0.10.6 applications - provides database (Drizzle ORM with sqlite/postgresql/mysql), KV storage, blob storage, and cache APIs. Covers configuration, schema definition, migrations, multi-cloud deployment (Cloudflare, Vercel), and the new hub:db, hub:kv, hub:blob virtual module imports.
Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6) Setting up CI/CD workflows for modules. Provides defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation.
Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.
Use when building styled UI with @nuxt/ui v4 components - create forms with validation, implement data tables with sorting, build modal dialogs and overlays, configure Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.
Use when managing Node.js dependencies with pnpm - install packages, configure monorepo workspaces, set up pnpm catalogs, resolve dependency conflicts with overrides, patch third-party packages, and configure CI pipelines for pnpm projects
Use when authoring TypeScript libraries or npm packages - covers project setup, package.json exports, build tooling (tsdown/unbuild), API design patterns, type inference tricks, testing, and publishing to npm. Use when bundling, configuring dual CJS/ESM output, or setting up release workflows.
Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.
Use when writing unit/integration tests for Vite projects - configure vitest.config.ts, write test suites with describe/it, create mock implementations with vi.fn and vi.mock, set up code coverage thresholds, and run tests in parallel
Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance
Use when working with VueUse composables - track mouse position with useMouse, manage localStorage with useStorage, detect network status with useNetwork, debounce values with refDebounced, and access browser APIs reactively. Check VueUse before writing custom composables - most patterns already implemented.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".