前端开发 Skill技能列表
MotionVue动画库Skill motion
Motion Vue 是一个用于 Vue 3 和 Nuxt 的动画库,提供硬件加速的动画、手势交互、滚动链接效果、布局过渡等功能,适用于前端开发中的动画需求,关键词:Vue 3动画、Nuxt动画、手势动画、滚动动画、前端动画库。
浏览器调试Skill browser-debugging
浏览器调试工具帮助开发者识别和修复客户端问题,包括JavaScript错误、布局问题、性能问题等,是前端开发中常用的技能。
微信公众号发布器Skill wechat-publisher
微信公众号发布器是一款基于 wenyan-cli 封装的自动化工具,专为技术创作者和内容运营者设计。它能够一键将 Markdown 格式的技术文章、教程或博客自动转换为符合微信公众号排版的富文本格式,并直接发布到公众号草稿箱。核心功能包括:自动上传本地及网络图片至微信图床、支持多种代码高亮和文章主题样式、强制校验文章标题和封面图等 Frontmatter 元数据。该工具极大地简化了从本地写作到公众号发布的流程,是提升技术内容分发效率的利器。关键词:微信公众号发布,Markdown 转公众号,自动图片上传,代码高亮,技术文章排版,内容自动化,wenyan-cli。
移动优先设计Skill mobile-first-design
移动优先设计是一种前端开发技能,专注于从移动设备开始构建响应式网站界面,通过CSS媒体查询定义断点,使用渐进增强技术适应平板和桌面屏幕。关键词包括移动优先、响应式设计、CSS、断点、触摸友好、性能优化。
团队界面设计技能Skill team-uidesign
这是一个统一的团队技能,用于UI设计团队,支持多角色协作,包括协调员、研究员、设计师、审查员和实现者。它涵盖设计系统分析、设计令牌定义、组件规格、可访问性审计和代码实现,实现双轨设计+开发流程,提高界面设计效率和质量。关键词:UI设计、团队协作、设计系统、前端开发、可访问性、多角色工作流、设计智能、代码生成。
Vue.js前端框架Skill vue
Vue.js前端开发技能,专注于使用Vue 3构建现代化、响应式的Web用户界面。核心内容包括Vue 3组合式API、响应式系统(ref, reactive, computed, watch)、单文件组件(SFC)、TypeScript集成、组件通信(props, emits, slots, v-model)、生命周期管理以及高级特性如组合式函数、依赖注入和异步处理。适用于开发高效、可维护的前端应用。 关键词:Vue.js, Vue 3, 前端开发, 组合式API, 响应式编程, TypeScript, 单文件组件, 组件化开发, Web开发, JavaScript框架
ESLint代码检查配置Skill eslint
ESLint技能提供专业的JavaScript与TypeScript代码检查配置服务,涵盖规则定制、插件集成、团队规范制定。核心功能包括ESLint配置、自定义规则开发、React/Vue框架支持、代码质量优化。适用于前端开发、代码规范、静态分析、团队协作等场景。
Web界面设计指南合规审查技能Skill web-design-guidelines
这个技能用于自动审查UI代码的合规性,确保其遵循最新的Web界面设计指南。它能实时获取并应用指南规则,检查代码文件中的问题,并以简洁格式输出结果,适用于前端开发、用户体验优化和网站合规性审计。关键词:UI代码审查、Web设计指南、前端开发、可访问性检查、设计审核、UX审查、合规性检查。
NuxtContentv3内容管理系统Skill nuxt-content
Nuxt Content v3 是一个基于 Git 的内容管理系统(CMS),专为 Nuxt.js 项目设计,用于管理 Markdown、YAML、JSON 和 CSV 文件,提供类型安全查询、模式验证(支持 Zod 和 Valibot)、全文本搜索、导航工具和 SQL 存储。适用于构建博客、文档网站、内容驱动应用等,支持 Cloudflare 和 Vercel 部署,集成 Nuxt Studio 进行生产编辑。关键词:Nuxt Content, Git CMS, Markdown 管理, 类型安全查询, 全文本搜索, 前端开发, 内容集合, 部署优化
VitePressSkill vitepress
VitePress是一个基于Vite和Vue.js的现代化静态站点生成器(SSG),专为构建高性能的文档网站、技术博客和营销页面而设计。它支持在Markdown中直接使用Vue组件,提供极速的热更新体验和内置的搜索功能,并可通过主题系统高度定制。核心关键词包括:静态站点生成器、Vite、Vue 3、文档工具、Markdown、前端开发、快速构建。
Markdown转换器Skill markdown-converter
Markdown 转换工具是一款功能强大的文档处理工具,能够将 Markdown 格式的文档高效地转换为 HTML、PDF 等多种格式。它支持语法高亮、表格渲染和自定义 CSS 样式,是开发人员、技术写作者和内容创作者的理想选择,用于生成美观、专业的文档、技术手册和网页内容。关键词:Markdown转换,HTML生成,PDF导出,文档渲染,语法高亮,自定义样式,技术文档工具。
Nuxt内容管理技能Skill nuxt-content
Nuxt Content v3 是一个专为Nuxt.js框架设计的内容管理插件,用于构建内容驱动的Web应用。它提供类型化的集合管理、SQL查询、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n多语言支持和LLMs集成。适用于前端开发人员快速搭建博客、文档网站等内容密集型项目。关键词:Nuxt Content, 内容管理, 前端开发, Vue.js, Markdown, 数据库, 集合, 查询, 渲染, SEO。