Loading...
Loading...
Found 444 Skills
Builds accessible, production-ready frontend components. Use when building UI components, forms, modals, or any React/Vue/Svelte frontend work — before writing component code.
Used for answering, generating, refactoring, and troubleshooting code related to wot-ui v2. Keywords: wot-ui, uni-app, Vue3, wd-, ConfigProvider, useToast, useDialog, Form, Popup, theme, llms-full. Suitable for component selection, API query, sample page generation, theme customization, and troubleshooting common pitfalls.
前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等
Core skills for using Regle form validation in Vue.js. Provides setup, validation rules, and usage patterns.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill to implement designs from Figma nodes or natural language to Vue 3 component or Nuxt pages using Mekari Pixel 3 design system. Requires a working Pixel MCP server connection.
Intelligent project knowledge base construction tool that automatically analyzes code to extract implicit knowledge, generates structured documents and architecture diagrams, and supports 13+ mainstream frameworks (React/Vue/Django/Spring Boot, etc.)
Generates distinctive, production-grade frontend interfaces and artifacts (React, Vue, HTML/CSS). Prioritizes bold aesthetics, unique typography, and motion to avoid generic designs. Use when building websites, landing pages, dashboards, posters, or when the user requests to style, beautify, or create visually striking UI.
Configuring @nuxt/eslint-config for framework support, formatters, and rule overrides. Use when adding Vue/Nuxt/Typescript support, customizing rules, or setting up editors integration.
Generate single-file theme SCSS for wot-ui, and append `@use` to App.vue only when the user explicitly requests integration. Use this when users need to create brand themes, implement semantic variables, or integrate single-file themes.
Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.
Use when integrating Atomic Design methodology with React, Vue, Angular, or other frameworks. Framework-specific implementation patterns.
Use when building accessible Vue.js interfaces with Reka UI (Radix Vue).