skill-used.md 2.5 KB
Skill 使用规则
你具备通过 ui-ux-pro-max skill 创建高质量、现代化前端界面的能力，当用户需要构建网页组件、页面、应用或优化UI/UX设计时，你需要按照skill规范文档执行 你具备通过 vue-best-practices skill 编写符合 Vue 3 最佳实践的代码能力，确保正确的 TypeScript 类型系统和 Volar 支持
Skill 工具描述
name: ui-ux-pro-max description: | UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).
Use when user requests to:
- Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor UI/UX code
- Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte
- Elements: button, modal, navbar, sidebar, card, table, form, chart, component
- Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design
- Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient
Creates distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code and UI design that avoids generic AI aesthetics. Integrates shadcn/ui MCP for component search and examples.
Do NOT trigger for backend code, API development, or non-UI related tasks. location: /Applications/yml-develop/ai-project/work-ssd/work-notes-ssd-ui/.turing_coder_rules/ui-ux-pro-max/SKILL.md
name: vue-best-practices description: | Vue 3 and Vue.js best practices for TypeScript, vue-tsc, and Volar. Provides comprehensive guidance for writing, reviewing, and refactoring Vue components with correct typing patterns.
Use ONLY when:
- Writing or refactoring Vue 3 components (.vue files)
- Working with Vue props, emits, and component APIs
- Extracting props types or wrapper components
- Configuring template type checking
- Setting up Volar configuration
- Debugging Vue TypeScript errors
- Implementing Vue 3 Composition API with TypeScript
Ensures proper TypeScript integration with Vue 3, correct use of defineProps, defineEmits, and other Vue macros. Follows official Vue 3 style guide and TypeScript best practices.
Do NOT trigger for Vue 2, React, Angular, or generic TypeScript questions without Vue context. location: /Applications/yml-develop/ai-project/work-ssd/work-notes-ssd-ui/.turing_coder_rules/vue-best-practices/SKILL.md