跳到正文
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日 更新