Frontend & Design · Vue.js

Guides uCharts chart integration across a UniApp project, covering install, page config, and platform-specific quirks.

feige996/unibest

前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等. An agent skill from doccker/cc-use-exp.

doccker/cc-use-exp

Recommend the most suitable project template or initialization path from fe-tools project-templates based on product, framework, runtime, and delivery constraints.

MichealWayne/fe-tools

管理和配置 Fantastic-admin 框架设置。当用户提到以下任何需求时必须使用此技能：开启/关闭水印、锁屏、错误日志、更新检查、哀悼模式、移动端访问；切换暗色/亮色/跟随系统主题；修改菜单模式（侧边栏/顶部/精简/面板）；配置标签栏风格（fashion/card/square）；启用/禁用工具栏功能（收藏夹、面包屑、搜索、通知、国际化、全屏、刷新）；设置版权信息；配置认证/权限/登录过期…

fantastic-admin/basic

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

Runs the frontendchecklist CLI against local files or a deployed URL to check code against 380+ accessibility, performance, SEO and security rules, with fixable, cited findings.

thedaviddias/Front-End-Checklist

Builds Vue 3 apps with the Composition API and script setup, Pinia state, Nuxt 3, Vite tuning and Quasar or Capacitor mobile builds, checked with vue-tsc and Vitest.

Jeffallan/claude-skills

Builds Vue 3 apps in plain JavaScript with JSDoc typing instead of TypeScript: script setup components, composables, Pinia and Vitest, with ESLint JSDoc coverage checks.

Jeffallan/claude-skills

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

vinayakkulkarni/nxui

Adds or extends multilingual localization in a Power Pages code-site SPA.

microsoft/power-platform-skills

创建具有高设计品质、可交付生产的前端界面。当用户要求构建 Web 组件、页面、海报或应用（如官网、落地页、仪表盘、React/Vue 组件、HTML/CSS 布局，或对任意 Web UI 进行样式/美化）时使用本技能。产出有创意、打磨到位且避免「AI 通用审美」的代码与界面设计。

xstongxue/best-skills

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

wshobson/agents

A skill your agent uses when working on AUTO-MAS frontend Vue, TypeScript, Vite, Electron renderer, routing, API composables, state, styles, forms, validation, or frontend verification tasks.

AUTO-MAS-Project/AUTO-MAS

Enforces coding best practices: deep-read before modify, LSP-first navigation, TDD red-green-refactor, minimal changes, self-review, verification.

KaimingWan/oh-my-kiro

用于处理涉及检查、读取、创建、编辑、导出或代码映射的 Figma 内容任务，也用于将 HTML/React/Vue 等网页复制到 Figma，尤其适用于当前选区、设计系统、Figma MCP、Drafito、Figwright 或需要避免 MCP 工具污染上下文的场景。当用户需要可批注 Figma 链接或要求同时绑定工作目录时，也应与 axhub-commentary 组合。

lintendo/Axhub-Skills

A skill your agent uses when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.

affaan-m/ECC

Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns.

affaan-m/ECC

迁移组件 Markdown 文档到新规范。用户明确要求迁移文档结构、重排 Demo 章节、合并 Attributes/Options 列、迁移最低版本标记或升级旧文档格式时调用；不用于仅做一致性核对。

wot-ui/wot-ui

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

udecode/plate

Integrate the beta markstream-svelte package in Svelte 5 or SvelteKit apps.

Simon-He95/markstream-vue

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

skilld-dev/vue-ecosystem-skills

A skill your agent uses when the user wants to read, trace, or explain Zova frontend source code rather than scaffold new code: where a page/component/model/behavior/SSR flow is implemented, how a…

cabloy/cabloy

Pinia official Vue state management library, type-safe and extensible.

JetBrains/skills

Reviews and migrates deprecated wildcard () values in Power Pages Web API fields site settings to least-privilege explicit Dataverse columns.

microsoft/power-platform-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

VitePress static site generator powered by Vite and Vue. An agent skill from JetBrains/skills.

JetBrains/skills

Write or update Storybook stories for Vue components in ComfyUIfrontend.

Comfy-Org/ComfyUI_frontend

A skill your agent uses when designing or reviewing the request layer of a frontend project (web / uni-app / mini-program), including request.ts wrappers, interceptors, deduplication, mocks, error…

jiushiwon/wg-skills

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

Pinia v3 Vue state management with defineStore, getters, actions.

secondsky/claude-skills

Override Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular using scoped or renderer-local mappings.

sickn33/agentic-awesome-skills

Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, Next.js, and Vue 2 applications.

sickn33/agentic-awesome-skills

wot-ui 组件开发公共基线。涉及组件目录结构、命名、源码为准、最小修改、验证收口或需要为组件创建、Demo、文档迁移提供统一约束时调用。

wot-ui/wot-ui

A skill your agent uses when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for React, Vue, Vite…

TencentCloudBase/CloudBase-AI-Toolkit

The seven framework output packages and the boundaries Inkline lives on — exports contracts, peer-dep/version matrix, per-target capability gaps, idiom fidelity, and the styleframe upstream…

inkline/inkline

Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, and Vue 2 applications.

github/awesome-copilot

Integrate markstream-vue2 into Vue 2 plus Vite with bundled worker imports, CSS ordering, Composition API compatibility, and safe streaming defaults.

sickn33/agentic-awesome-skills

Search tool for modern web development best practices. An agent skill from JetBrains/skills.

JetBrains/skills

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

Manages vue-i18n messages and locale structure for Fantasia Archive.

vishiri/fantasia-archive

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