前端开发 Skill技能列表

⚡

微信公众号发布器Skill wechat-publisher

4.5

微信公众号发布器是一款基于 wenyan-cli 封装的自动化工具,专为技术创作者和内容运营者设计。它能够一键将 Markdown 格式的技术文章、教程或博客自动转换为符合微信公众号排版的富文本格式,并直接发布到公众号草稿箱。核心功能包括:自动上传本地及网络图片至微信图床、支持多种代码高亮和文章主题样式、强制校验文章标题和封面图等 Frontmatter 元数据。该工具极大地简化了从本地写作到公众号发布的流程,是提升技术内容分发效率的利器。关键词:微信公众号发布,Markdown 转公众号,自动图片上传,代码高亮,技术文章排版,内容自动化,wenyan-cli。

⚡

GSAPHUD动画开发技能Skill gsap

4.5

本技能提供GSAP(GreenSock动画平台)专业知识,用于在JARVIS AI助手HUD中创建平滑、专业的动画。主要应用包括HUD面板入场/出场动画、状态指示器过渡、数据可视化动画、滚动触发效果和复杂时间线序列。强调测试驱动开发、性能优化、内存管理、可访问性和高质量代码实践,适用于前端开发场景。关键词:GSAP, 动画, JARVIS, HUD, 前端开发, Vue.js, 性能优化, TDD, 可访问性。

⚡

用户提问工具Skill ask-user-question

4.5

用户提问工具是一个MCP(模型上下文协议)技能,用于在用户界面中向用户显示模态框提问,获取用户输入、偏好确认和操作批准。该工具支持单选、多选和自定义文本输入,是AI助手与用户交互的关键接口,适用于任务澄清、偏好设置、敏感操作确认等场景。关键词:用户交互、模态框提问、偏好设置、操作确认、MCP工具、AI助手接口、用户输入获取。

⚡

UI设计师Skill ui-designer

4.5

UI设计师技能专注于提供专业的用户界面视觉设计服务,包括创建美观、直观且符合可访问性标准(如WCAG)的界面。核心能力涵盖视觉设计(色彩、字体、布局)、组件系统构建(按钮、表单、导航)、交互设计(状态、动画)以及设计系统开发。适用于新产品界面设计、现有界面重构、响应式设计实现、组件库创建和可访问性合规检查等场景。关键词:UI设计,用户界面,视觉设计,设计系统,组件库,可访问性,WCAG,响应式设计,交互设计,前端设计规范。

⚡

shadcn-vueVue组件库Skill shadcn-vue

4.5

shadcn-vue 是一个用于Vue.js和Nuxt.js框架的UI组件库,基于Reka UI和Tailwind CSS,提供可访问、可自定义的组件,如自动表单、数据表格、图表等,并支持黑暗模式和TypeScript。关键词:Vue, Nuxt, UI组件, Tailwind CSS, 可访问性, 自动表单, 数据表格, 黑暗模式, TypeScript

⚡

创建Claude规则Skill creating-claude-rules

4.5

Claude规则文件创建指南,提供Claude AI代码助手规则配置教程,包括路径限定、glob模式、frontmatter格式、目录结构等开发工具配置说明,适用于软件开发、AI辅助编程、项目规范管理场景。

⚡

UI设计师Skill ui-designer

4.5

UI设计师技能是一个专注于用户界面视觉与交互设计的专家系统。它提供从色彩搭配、组件主题化到无障碍访问的全方位设计指导,支持Material You、极简主义、玻璃拟态等多种流行设计语言。核心功能包括自动生成和谐调色板、建立可维护的主题系统、进行WCAG合规性审计,并能与开发工具(如Cursor)集成以自动化设计规范。适用于前端开发者、产品设计师和任何需要创建美观、易用且包容性强的数字界面的项目。关键词:UI设计,用户体验,前端开发,Tailwind CSS,无障碍设计,设计系统,色彩理论,组件库。

⚡

国际化与本地化技能Skill i18n

4.5

国际化(i18n)与本地化(l10n)技能用于设计和实现多语言应用程序,包括翻译管理、区域特定格式化、RTL布局支持、复数化规则等,覆盖从架构模式到流行库的应用。关键词:国际化、本地化、翻译、多语言、区域格式化、RTL支持、复数化、日期格式、数字格式、货币格式、i18next、react-intl、gettext、ICU MessageFormat、Intl API、CSS逻辑属性、语言检测、SEO优化。

⚡

Vue3技能Skill vue3

4.5

这个技能提供Vue 3的全面指南和API参考,帮助开发者掌握Vue 3核心概念、组件开发、反应性系统、模板语法、路由和状态管理,包括最佳实践、TypeScript集成和性能优化。关键词:Vue 3, Vue.js, Composition API, Options API, reactivity, template syntax, components, directives, lifecycle, routing, state management, TypeScript

⚡

Vue.js3最佳实践与性能优化技能Skill vue-best-practices

4.5

这个技能提供了 Vue.js 3 的最佳实践指南,涵盖响应式系统、组件设计、模板优化、性能调优等方面,帮助开发者避免常见错误,提升代码质量,优化应用性能。关键词:Vue.js, 前端开发, 性能优化, 最佳实践, Composition API, TypeScript

⚡

Vue.js前端开发专家Skill vue-expert

4.5

Vue.js前端开发专家,精通Vue 3组合式API、Pinia状态管理和Nuxt.js框架,专注于构建高性能、响应式的现代Web应用程序。提供Vue 3开发、TypeScript集成、组件架构、性能优化、Nuxt.js SSR/SSG、状态管理等专业服务。关键词:Vue.js开发,Vue 3,组合式API,Pinia,Nuxt.js,TypeScript,前端架构,性能优化,响应式编程,Web应用开发。

⚡

前端设计Skill frontend-design

4.5

前端设计技能专注于创建独特、高质量的前端界面,使用HTML、CSS、JavaScript、React等技术实现,避免通用AI美学,适用于构建网页组件、页面、应用程序等场景。强调创意设计、美学优化和代码精细化。关键词:前端设计、UI设计、网页开发、创新代码、美学界面、生产级前端、避免AI美学、设计思维。