前端开发 Skill技能列表

4.5

Makepad动画技能Skill makepad-animation

这个技能提供了Makepad动画系统的全面指南,专注于使用Rust编程语言创建用户界面的平滑动画和交互效果。它包括编写动画代码、定义状态和过渡、使用缓动函数和时间线,适用于前端GUI开发。关键词:Makepad, 动画, Rust, 用户界面, 前端开发, GUI, 交互设计, 缓动, 状态机

4.5

shadcn组件管理Skill shadcn-management

这个技能用于管理 shadcn/ui 组件,支持快速添加组件、构建复杂UI功能、研究组件实现和获取安装命令,适用于前端开发项目。关键词:shadcn, UI组件, 前端开发, 组件管理, 快速添加, 复杂构建。

4.5

RSC数据获取优化器Skill rsc-data-optimizer

该技能用于优化Next.js应用的数据获取性能,通过使用React Server Components(RSC)将慢速客户端数据获取转换为快速服务器端数据获取,提高页面加载速度、SEO和用户体验。关键词:RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。

4.5

词法分析器生成器Skill lexer-generator

词法分析器生成器技能用于从正则表达式规范自动生成词法分析器,广泛应用于编译器、解释器和领域特定语言的开发中。关键词:词法分析、正则表达式、编译器前端、分词器、NFA、DFA、正则表达式解析、词法分析器设计、编程语言实现。

4.5

UI/UX设计智能专业版Skill ui-ux-pro-max

这是一个全面的UI/UX设计技能,提供设计系统、样式推荐、颜色调色板、字体配对、图表选择等,用于快速设计和开发网页与移动应用界面。它支持多种技术栈,并包括可访问性、性能、响应式设计等最佳实践指南。关键词:UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、网页设计、移动应用设计、设计指南。

4.5

卓越前端设计技能Skill frontend-design

这个技能专注于创建独特、生产级的前端界面,强调高质量设计和避免通用AI美学。它提供从设计思考到代码实现的完整流程,涵盖排版、颜色、动效等美学元素,适用于Web开发、UI设计、React组件、HTML/CSS布局等场景。关键词:前端开发、UI设计、创意代码、生产级接口、美学指南、Web组件、前端美学。

4.5

网页界面指南审查Skill web-design-guidelines

此技能用于自动审查网页 UI 代码,确保其符合 Web 界面指南,包括可访问性检查、设计审计和用户体验优化,提升网站质量,便于 SEO 搜索。关键词:UI 代码审查、Web 界面指南、可访问性检查、设计审计、UX 审查、最佳实践、前端开发。

4.5

VueUse函数应用技能Skill vueuse-functions

该技能是 VueUse 组合式函数的决策与实施指南,专为 Vue.js 和 Nuxt 项目设计,帮助开发者高效选择和使用 VueUse 函数来构建简洁、可维护的前端功能。它通过映射需求到最合适的 VueUse 函数,优先采用组合式解决方案,提升代码质量和开发效率。关键词:VueUse, Vue.js, Nuxt, 组合式函数, 前端开发, 代码优化, 响应式编程, 开发工具

4.5

Vue前端开发框架Skill vue

Vue.js 是一个用于构建用户界面的渐进式JavaScript框架,基于Vue 3,提供组合式API、响应式系统和内置组件,支持TypeScript和单文件组件开发,优化前端性能。关键词:Vue,前端开发,JavaScript框架,组合式API,响应式系统,TypeScript,单文件组件,性能优化。

4.5

VueRouter4最佳实践Skill vue-router-best-practices

本技能专注于Vue Router 4的最佳实践,涵盖导航守卫的使用、路由参数管理、组件生命周期交互等核心知识点。帮助开发者避免常见陷阱,如无限重定向、数据陈旧问题,提升Vue.js单页面应用的开发效率和代码质量。关键词包括Vue Router、导航守卫、路由参数、组件生命周期、Vue.js开发、前端开发。

4.5

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

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

4.5

VitePress静态站点生成器Skill vitepress

VitePress 是一款基于 Vite 和 Vue 3 的静态站点生成器,专为构建文档站点、博客和营销网站而设计。它支持文件路由、在 Markdown 中直接使用 Vue 组件、快速热更新等功能,是前端开发中用于高效创建静态网站的强大工具。关键词:VitePress, 静态站点生成器, Vite, Vue 3, 前端开发, 文档, 博客, SEO。