前端开发 Skill技能列表

4.5

AnimationPatternsinReactSkill AnimationPatternsinReact

在React中使用Framer Motion、GSAP、React Spring和CSS动画创建高效、可访问的动画,包含最佳实践。

4.5

NuxtUIv4前端组件库技能Skill nuxt-ui-v4

这个技能是用于使用 Nuxt UI v4 组件库进行前端开发,构建响应式、可访问的 Nuxt v4 应用程序。它提供了 125+ 个组件,支持 Tailwind CSS v4、AI 集成、主题定制和 TypeScript,适用于仪表板、AI 聊天界面、页面布局、表单、定价页面等多种场景。关键词:Nuxt UI、前端开发、Vue.js、Tailwind CSS、组件库、AI 集成、主题定制、TypeScript。

4.5

Vue开发技能Skill vue-development

Vue 3开发技能,专注于组合式API、响应式系统、组件模式、TypeScript集成和最佳实践。提供Vue 3应用程序构建的专家级指导,包括组件开发、状态管理、路由配置、依赖注入等核心功能。适用于前端开发人员构建现代化、可维护的Vue应用。关键词:Vue 3开发,组合式API,TypeScript集成,前端框架,响应式编程,组件化开发,Vue Router,状态管理,前端架构

4.5

Storybook组件开发助手Skill storybook

Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能,帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架,是提升团队协作效率和代码质量的关键工具。关键词:Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。

4.5

前端开发指南Skill frontend-dev-guidelines

Next.js 15 应用的前端开发指南,涵盖 React 19、TypeScript、Shadcn/ui、Tailwind CSS 等现代开发模式,包括 Server Components、Client Components、App Router、文件结构、组件、性能优化和 TypeScript 最佳实践。

4.5

ng-alain组件开发Skill ng-alain-component-development

使用ng-alain和ng-zorro-antd开发企业级UI组件,包括数据表格、表单、访问控制、响应式布局和主题系统等关键技术。

4.5

rxjs-patterns-for-angularSkill rxjs-patterns-for-angular

这项技能帮助开发者在Angular应用中使用RxJS实现响应式编程模式,包括Observables、操作符、订阅管理、错误处理等关键概念,并提供了与Angular信号集成的方法。

4.5

React开发技能Skill react-development

React开发技能是专注于现代React应用构建的专业能力,提供React组件开发、Hooks模式实现、状态管理配置、性能优化和最佳实践指导。该技能涵盖TypeScript类型安全、自定义Hook设计、Context API和Redux状态管理、组件记忆化优化、React Testing Library测试等关键技术。适用于前端开发人员构建高性能、可维护的React应用,特别适合组件库开发、企业级应用架构设计和性能调优场景。

4.5

Context7高效文档获取器Skill context7-efficient

Context7高效文档获取器是一个智能开发工具,通过shell管道过滤技术实现86.8%的令牌节省,专门用于快速获取JavaScript、Python、Go、Rust等编程语言的库文档、代码示例和API参考。该工具支持React、Next.js、Prisma、Express等主流框架,提供智能过滤、代码示例提取和API签名识别功能,帮助开发者高效学习和使用各种开发库。

4.5

ScreenfullFullscreenAPISkill screenfull-fullscreen-api

这个技能提供了使用 screenfull 库在 Angular 项目中实现全屏功能的详细指南,包括基本全屏切换、特定元素全屏、图片画廊全屏和演示模式的实现,以及 API 参考和浏览器兼容性信息。

4.5

SEO处理技能Skill seo-handler

SEO处理技能是一个针对Next.js框架的搜索引擎优化管理工具。它专注于站点地图管理、元数据配置、结构化数据生成、服务器端渲染优化和爬虫控制,旨在提升网站在Google、百度等搜索引擎中的排名和可见性。核心功能包括自动生成站点地图、优化OpenGraph标签、注入JSON-LD结构化数据、配置ISR缓存策略以及管理robots.txt文件。适用于前端开发者、SEO工程师和网站管理员,帮助实现技术SEO的最佳实践。

4.5

FrontendDeveloperAgentSkill develop-frontend

这项技能涉及使用Next.js/React技术栈进行前端开发,包括UI实现、API集成、状态管理等关键环节,确保项目在前端的高质量交付。