forge_admin/forge-admin-ui/.turing_coder_rules/skill-used.md

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

---