Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

design

Étoiles5

Forks0

Mis à jour14 juillet 2026 à 08:46

Frontend design & UI guide. Production-grade interface building, Web Interface Guidelines compliance review, UnoCSS semantic token system (antfu-design). Use when building web components, pages, dashboards, landing pages, or when reviewing UI/accessibility/design quality.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

KIMJINWOO4

KIMJINWOO4/vue-skills

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Concepteurs web et d'interfaces numériquesProfessions informatiques et mathématiques·SOC 15-1255

Explorateur de fichiers

4 fichiers

SKILL.md

readonly

name	design
description	Frontend design & UI guide. Production-grade interface building, Web Interface Guidelines compliance review, UnoCSS semantic token system (antfu-design). Use when building web components, pages, dashboards, landing pages, or when reviewing UI/accessibility/design quality.

Frontend Design Skill

Reference Map

Read the reference you need to load detailed knowledge.

Area	Description	Path
Frontend Aesthetics	Typography, color, motion, layout, avoiding AI-generated-looking UI	frontend-aesthetics
Web Interface Guidelines	Vercel Web Interface Guidelines compliance review	web-guidelines
UnoCSS Semantic Tokens	antfu-design condensed: semantic shortcuts, dual light/dark tokens, named z-index	unocss-semantic-tokens

For accessibility-specific reviews (WCAG, focus, ARIA) use the vue-a11y skill.

Plus depuis ce dépôt

même dépôt

build-tooling

KIMJINWOO4/vue-skills

Unified frontend build tooling guide. Vite 8 (Rolldown bundler / dev server), Vitest 4 (testing), tsdown (library bundling), pnpm 11 (package management), Turborepo (monorepos), TypeScript 7 native compiler. Use when working with vite.config.ts, vitest, tsdown.config.ts, pnpm-workspace.yaml, turbo.json, or tsconfig.

2026-07-145

nuxt

KIMJINWOO4/vue-skills

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.

2026-07-145

vitepress

KIMJINWOO4/vue-skills

VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.

2026-07-145

vue-a11y

KIMJINWOO4/vue-skills

Accessibility (a11y) for Vue 3 apps. Semantic templates, ARIA component patterns (modal, tabs, menu, combobox), focus management with Teleport and router navigation, accessible forms and errors, automated testing with axe. Use when building UI components, reviewing for accessibility, WCAG compliance, keyboard navigation, or screen reader support.

2026-07-145

vue-data

KIMJINWOO4/vue-skills

Server-state and data fetching for Vue 3. Pinia Colada (useQuery/useMutation, caching, invalidation, optimistic updates), Vue Router Data Loaders, choosing between fetch layers, race conditions, SSR concerns. Use when fetching API data, caching server responses, handling loading/error states, or wiring mutations in Vue apps.

2026-07-145

vue-forms

KIMJINWOO4/vue-skills

Forms and validation in Vue 3. v-model/defineModel patterns, custom form controls, schema validation with VeeValidate 4 + Zod, async validation, multi-step wizards, submission states, unsaved-changes guards, accessible error messaging. Use when building or reviewing forms, inputs, validation, or file uploads in Vue.

2026-07-145

Exécutez n'importe quel Skill en un clic