web-design-guidelines은(는) 무엇을 하나요?
UI 코드를 검토하여 웹 인터페이스 가이드라인 준수 여부를 확인합니다. 'UI 검토', '접근성 확인', '디자인 감사', 'UX 검토', '모범 사례에 따라 사이트 점검' 등의 요청 시 사용하세요.
UI 코드를 검토하여 웹 인터페이스 가이드라인 준수 여부를 확인합니다. 'UI 검토', '접근성 확인', '디자인 감사', 'UX 검토', '모범 사례에 따라 사이트 점검' 등의 요청 시 사용하세요.
이 스킬은 웹 인터페이스 가이드라인 준수 여부를 자동으로 검토하는 AI 에이전트 도구입니다. 개발자가 UI 코드를 제출하면 접근성, 디자인 일관성, UX 모범 사례 등을 종합적으로 분석하여 개선 사항을 제안합니다. 주로 Claude Code, Cursor, Codex와 같은 AI 코딩 어시스턴트 환경에서 사용되며, '내 UI 검토해줘', '접근성 확인', '디자인 감사', 'UX 검토', '모범 사례에 맞춰 사이트 점검' 같은 자연어 명령어로 트리거됩니다. 이 스킬은 SKILL.md 문서에 정의된 규칙에 따라 동작하며, HTML, CSS, JavaScript 등 프론트엔드 코드를 분석하여 WCAG, Material Design 등의 표준 가이드라인과 비교 평가합니다. 결과적으로 개발자가 더 접근성 높고 일관된 사용자 경험을 제공하는 웹 인터페이스를 구축할 수 있도록 도와줍니다.
npx skills add https://github.com/antfu/skills/tree/main/skills/web-design-guidelinesUI 코드를 검토하여 웹 인터페이스 가이드라인 준수 여부를 확인합니다. 'UI 검토', '접근성 확인', '디자인 감사', 'UX 검토', '모범 사례에 따라 사이트 점검' 등의 요청 시 사용하세요.
This repo contains 16 individual skills — each has its own dedicated page.
Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects. Use when setting up new projects, configuring ESLint/Prettier alternatives, monorepos, library publishing, or when the user mentions Anthony Fu's preferences.
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.
Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.
Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces, or managing dependencies with catalogs, patches, or overrides.
Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.
Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup.
Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines, creates packages, sets up monorepo, shares code between apps, runs changed/affected packages, debugs cache, or has apps/packages directories.
UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.
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.
VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.
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.
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.
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.
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
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".