본문으로 건너뛰기
cccskills

스킬 찾기

17건(hetari의 저장소) · 인기순

Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

nuxt

무료

Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

reka-ui

무료

Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

vite

무료

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

vitest

무료

Vitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking, configuring coverage, or working with test filtering and fixtures.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

vue

무료

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

motion

무료

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind. Use for accessible UI, Auto Form, data tables, charts, dark mode, or encountering component imports, Reka UI errors.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

Write, rewrite, review, and organize developer-facing documentation for web software projects. Use when creating or improving README files, docs homepages, quickstarts, tutorials, how-to guides, API/reference pages, conceptual explanations, migration guides, or troubleshooting content for frontend, backend, full-stack, SDK, API, or framework-based web products. This skill applies strong information architecture, task-first page structure, clear voice, runnable examples, version and prerequisite hygiene, accessibility rules, and docs-as-code maintenance habits. Do not use it for marketing copy, legal text, or non-technical customer-support articles.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

seo-audit

무료

When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," "SEO health check," "my traffic dropped," "lost rankings," "not showing up in Google," "site isn't ranking," "Google update hit me," "page speed," "core web vitals," "crawl errors," or "indexing issues." Use this even if the user just says something vague like "my SEO is bad" or "help with SEO" — start with an audit. For building pages at scale to target keywords, see programmatic-seo. For adding structured data, see schema-markup. For AI search optimization, see ai-seo.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

nuxt-seo

무료

Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hetari/sulaf172026년 9월 10일 업데이트