Vue.js · For designers

为 wot-ui 生成单文件主题 SCSS，并在 App.vue 中挂载语义变量. An agent skill from wot-ui/wot-ui.

wot-ui/wot-ui

Web UI accessibility lead. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

Review component for accessibility issues. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

A skill your agent uses when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。

ProgrammerAnthony/Expert-Coding-Harness

Design, build, redesign, or modify browser-visible web interfaces with product-quality composition, visual systems, interaction states, responsive behavior, accessibility, and browser visual QA.

MemTensor/memmy-agent

A skill your agent uses when setting up a project to use pxlkit (@pxlkit/ui-kit), or when asked what the pxlkit skills do.

Joangeldelarosa/pxlkit

A skill your agent uses when writing, debugging, or updating code that imports primevue (PrimeVue v5, UI component library for Vue 3).

skilld-dev/vue-ecosystem-skills

Consumer setup and integration for vite-plugin-svg-icons-ng: installation, createSvgIconsPlugin configuration, direct SVG usage, Vue 3 and React components, htmlMode, virtual modules, TypeScript…

yangxu52/vite-plugin-svg-icons-ng

Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1).

skilld-dev/vue-ecosystem-skills

Generates complete, accessible, token-driven UI component code for a chosen framework such as React with Tailwind, SwiftUI, Vue, Flutter or Jetpack Compose.

plugin87/ux-ui-agent-skills

Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind).

getdokan/dokan

Project-level design skill for nxui (nxui.geoql.in). An agent skill from vinayakkulkarni/nxui.

vinayakkulkarni/nxui

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture.

wshobson/agents

Headless UI for virtualizing large element lists at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.

udecode/plate

A skill your agent uses when adding, configuring, or debugging shadcn-vue in a Vue or Nuxt project.

skilld-dev/vue-ecosystem-skills

Provides comprehensive guidance for uView Pro Vue 3 component library including components, tools, layouts, and templates.

feige996/unibest

Structure/a11y/responsive UI checks and command map. An agent skill from VKirill/claude-lane-stack.

VKirill/claude-lane-stack

Frontend design entry point: direction, design system, visual philosophy.

sickn33/agentic-awesome-skills

Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

Light0305/Light-skills

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases.

alirezarezvani/claude-skills

A skill your agent uses when building game UI (menus, HUD, dialogue box, settings/save screens) on top of Pixi'VN with an external JS framework (React, Vue) or with plain PixiJS components —…

DRincs-Productions/pixi-vn

Vue 3 expert skill for writing production-grade code. An agent skill from cigery-useio/useio-skills.

cigery-useio/useio-skills

shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind.

secondsky/claude-skills

A skill your agent uses when a browser/Web app (React, Vue, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI, 页面, 前端, 网页) needs AI models via @cloudbase/js-sdk.

TencentCloudBase/CloudBase-AI-Toolkit

Frontend UI implementation, accessibility, and responsive checks for Django templates and Vue components

fossasia/eventyay

Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture.

modu-ai/moai-adk

设计或实现 Vue 3、Nuxt 组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。负责前端界面与交互的完整实现流程（目标确认、结构设计、实现约束、视觉验证），并遵循项目标准（PrimeVue、SCSS BEM、@mdi/font、Zod）。用户提到 component、page、UI、frontend、form、responsive、SCSS、BEM、i18n、设计落地时都应触发。

CaoMeiYouRen/caomei-auth

A skill your agent uses when configuring frontend asset bundling, migrating from build.json (v14) to esbuild (v15+), or troubleshooting SCSS/CSS compilation.

Impertio-Studio/Frappe_Claude_Skill_Package

提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用. An agent skill from Prorise-cool/Claude-Code-Multi-Agent.

Prorise-cool/Claude-Code-Multi-Agent

A skill your agent uses when the user wants to publish an already-built static website or front-end app through GemiGo, such as a Vite/React/Vue static build, plain HTML/CSS/JS page, landing page…

Peiiii/nextclaw

Skill de auditoria de acessibilidade para escanear, corrigir e verificar a conformidade WCAG 2.2 Nível A e AA em codebases React, Next.js, Vue, Angular, Svelte e HTML puro.

ricneves-ai/flowgrammers-skills

Lane-stack web-designer router. An agent skill from VKirill/claude-lane-stack.

VKirill/claude-lane-stack

What building realness taught us about the web platform - semantic HTML with microdata as one decision that serves SEO, CSS selectors, layout, the data model, state (no Pinia), file storage paths…

scott-fryxell/brayness

Convert Figma design files to pixel-level mobile-first static HTML/CSS pages.

LeoYeAI/openclaw-master-skills

Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

Audit and revamp existing web interfaces into polished, professional, product-specific experiences while preserving behavior and working within the current frontend stack.

buildfastwithai/gen-ai-experiments

Guide for implementing RemixIcon - an open-source neutral-style icon library with 3,100+ icons in outlined and filled styles.

einverne/dotfiles

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js.

secondsky/claude-skills

Guides the agent through general Ionic Framework development including core concepts, component reference, CLI usage, layout, theming, animations, gestures, development workflow, and troubleshooting.

LeoYeAI/openclaw-master-skills

Создание высококачественных, визуально выдающихся фронтенд-интерфейсов.

AnastasiyaW/codex-claude-code-config

A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work.

majiayu000/spellbook

json-render component catalog patterns for AI-safe generative UI.

yonatangross/orchestkit

通过 Context7 MCP 获取库和框架的实时最新文档，而非依赖训练数据，防止 API 幻觉。适用于查询任何库或框架的用法、配置、示例代码。触发词：怎么用、怎么配置、API参考、文档、示例代码、用法、接口、库文档、框架文档、documentation、docs、how to use、API…

ProgrammerAnthony/Expert-Coding-Harness

Unused CSS detector and dead selector auditor. An agent skill from LeoYeAI/openclaw-master-skills.

LeoYeAI/openclaw-master-skills

Creates breathtaking iOS/Mac and web apps with organic, non-AI aesthetic.

curiositech/some_claude_skills

Maz-UI v4 - Modern Vue & Nuxt component library with 50+ standalone components, composables, directives, theming, i18n, and SSR support.

secondsky/claude-skills

UI/UX 设计智能，在设计页面时必须使用

Prorise-cool/Claude-Code-Multi-Agent

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates.

sundial-org/awesome-openclaw-skills