前端开发 Skill技能列表
Nuxt4+开发Skill nuxt
这个技能专注于Nuxt 4+框架的开发,提供服务器路由、文件路由、中间件、组合式API等全方位指导,助力开发者高效构建现代化Web应用。关键词:Nuxt 4+、前端开发、Vue.js、服务器端渲染、Web开发、Nuxt框架。
Vue最佳实践Skill vue-best-practices
这是一个专注于Vue.js 3框架开发最佳实践的技能包,特别针对TypeScript类型安全、vue-tsc类型检查和Volar编辑器支持。它提供了一套完整的规则和解决方案,用于提升Vue组件开发的健壮性和开发效率。核心功能包括:Vue组件Props类型提取、模板严格类型检查、CSS模块拼写校验、Volar配置优化、Pinia状态管理模拟等。关键词:Vue.js, TypeScript, 类型安全, 组件开发, 前端工程化, Volar, vue-tsc。
Excalidraw手绘图表生成器Skill excalidraw
这是一个用于将Excalidraw JSON格式数据自动渲染为手绘风格PNG图表的工具。它支持生成流程图、架构图、示意图等多种图表类型,提供丰富的样式自定义选项和智能箭头绑定功能,无需手动计算坐标,简化了技术文档、设计草图和演示文稿的图表制作流程。关键词:Excalidraw图表生成,手绘风格流程图,JSON转PNG,技术绘图工具,架构图自动渲染,可视化工具。
VercelReact最佳实践Skill vercel-react-best-practices
Vercel 工程团队提供的 React 和 Next.js 应用的性能优化指南,包含 45 条规则,覆盖 8 个优化类别,旨在提升应用性能。
ElementPlusVue3组件库使用技能Skill element-plus-vue3
此技能提供Element Plus Vue 3组件库的全面使用指南,帮助开发者安装、配置和使用各种UI组件,覆盖表单、数据展示、反馈、导航等模块,支持主题定制和国际化。SEO关键词:Element Plus, Vue 3, 前端开发, UI组件, 组件库, 安装指南, 主题定制, 国际化。
uViewVue2组件库技能Skill uview-vue2
这个技能提供uView Vue 2组件库的全面指导,帮助开发者构建uni-app应用程序,使用uView UI组件和工具进行前端开发。关键词:uView UI, Vue 2, uni-app, 前端组件, 移动开发, 响应式布局, 主题定制。
SlidevSkill slidev
Slidev是一款面向开发者的现代化演示文稿制作工具,基于Vite、Vue和Markdown构建。它支持实时代码演示、语法高亮、交互式组件、数学公式、图表绘制和演讲录制,能够将技术文档、会议演讲和教学材料转化为精美的Web幻灯片,并支持导出为PDF、PPTX等多种格式。
Vue3开发Skill vue
Vue 3 开发技能是一个参考系统,提供 Vue 3 Composition API 模式、组件架构、测试实践等指导,适用于前端开发、Vue 组件编写、composables 创建和代码测试。关键词:Vue 3, Composition API, 前端开发, 组件, composables, 测试, 响应式编程。
TypeScript打包工具Skill tsdown
tsdown是一个基于Rolldown和Oxc的TypeScript打包工具,用于快速构建TypeScript库、生成.d.ts声明文件、支持ESM/CJS双输出、包验证和插件开发。适用于TypeScript库开发、npm包发布、Vue/React组件库构建等场景,提升开发效率和代码质量。关键词:TypeScript打包、tsdown、库构建、ESM/CJS、d.ts生成、插件开发、前端工具。
SveltiaCMS集成技能Skill sveltia-cms
这个技能用于将 Sveltia CMS 集成到静态网站项目中,提供完整的指南和工具,帮助快速搭建轻量级、基于 Git 的内容管理系统。Sveltia CMS 是现代 Decap/Netlify CMS 的继任者,支持多种框架如 Hugo、Jekyll、Astro,包含安装、配置、认证、错误解决和部署。关键词:Sveltia CMS,静态网站,内容管理,Git 集成,轻量级 CMS,前端开发工具,SEO 友好内容管理。
UI设计与样式技能Skill ui-styling
该技能用于创建美观、可访问的用户界面,结合shadcn/ui组件库、Tailwind CSS实用样式和canvas-based视觉设计系统,适用于前端开发、UI设计、响应式布局和可访问性优化。关键词:UI设计、前端开发、响应式布局、可访问性、Tailwind CSS、shadcn/ui、视觉设计、React框架、深色模式、设计系统。
前端设计Skill designing-frontend
前端设计技能专注于构建独特、生产级的Web界面,强调创意美学和情境化设计,避免通用模式。关键词:前端开发,UI设计,Web界面,创意美学,生产级代码,用户体验,视觉设计,交互设计,CSS动画,React,Vue。