前端开发 Skill技能列表
Shopify开发Skill shopify
此技能专注于在Shopify电子商务平台上构建应用、扩展和主题,涉及使用GraphQL/REST API、Shopify CLI、Polaris UI组件和Liquid模板语言进行全栈开发。关键词:Shopify开发、电子商务平台、应用开发、主题定制、API集成、前端UI、后端逻辑、扩展功能。
AceternityUI技能Skill aceternity-ui
Aceternity UI技能是一个为Next.js应用设计的React组件库,提供100多个动画和交互式组件,使用Tailwind CSS和Framer Motion构建,适用于前端开发,提升网页界面视觉效果和用户交互体验。关键词:React, Next.js, Tailwind CSS, Framer Motion, 动画组件, 前端开发。
Sentry错误捕获Skill sentry-error-capturing
这个技能用于在Web应用程序开发中捕获和报告错误,通过Sentry工具实现错误监控、添加上下文信息、处理异常边界和指纹识别,以提高调试效率和用户体验。关键词包括Sentry、错误捕获、上下文丰富、错误边界、指纹识别、前端开发、JavaScript。
React.memo优化技能Skill rerender-memo
此技能用于通过 React.memo 和 useMemo 缓存组件计算,避免不必要的重新渲染,提升前端应用性能。关键词:React.memo, useMemo, 性能优化, 组件缓存, 前端开发。
原型交互技能Skill prototype-interaction
原型交互技能是一款用于定义和规范数字产品原型交互行为的工具。它能够映射用户点击、轻触等操作,配置页面间的过渡动画效果,设置交互热点区域,并生成可用于设计交接的详细交互规范文档。支持导出为Figma、InVision等主流原型工具格式。关键词:原型设计、交互设计、用户体验、UI设计、Figma原型、设计规范、过渡动画、热点区域、设计交接。
严格TypeScript模式Skill strict-typescript-mode
此技能用于在TypeScript开发中强制执行严格编码规范,包括禁止未文档化的`any`类型、要求公共API显式类型、使用泛型约束、工具类型、只读属性和区分联合等,旨在提升代码质量、类型安全和可维护性。适用于TypeScript项目、新功能开发、代码审查和重构场景。关键词:TypeScript,严格模式,编码规范,类型安全,前端开发,代码审查。
TypeScriptJSDoc文档编写Skill typescript-jsdoc
TypeScript JSDoc 文档编写技能专注于为TypeScript代码生成高效、清晰的JSDoc注释。它提供关于注释格式、最佳实践、策略性放置的指导,帮助开发者提升代码可读性、可维护性,并增强IDE的智能提示和文档支持。关键词:TypeScript, JSDoc, 代码文档, 注释规范, 开发工具, API文档, 代码维护, 编程规范。
Next.js应用路由器技能Skill nextjs-app-router
这个技能用于使用Next.js 13+的App Router架构构建现代Web应用,支持服务器组件、客户端组件、高级路由模式,优化数据获取和渲染性能,提升SEO友好性。关键词:Next.js, App Router, 服务器渲染, React, 前端开发
Next.js服务器组件Skill nextjs-server-components
Next.js服务器组件是一种在服务器端渲染React组件的技术,用于优化Web应用性能、减少客户端JavaScript包大小、支持直接数据库访问,适用于构建高效、SEO友好的应用,关键词包括Next.js、服务器渲染、性能优化、React、前端开发。
可复用部件设计模式技能Skill robius-widget-patterns
这个技能提供了基于Robrix和Moly代码库的Makepad部件设计最佳实践,包括可复用部件、模态对话框、拖放重排序、动态样式应用等多种模式,帮助开发者高效创建和优化UI组件。关键词:Makepad部件、可复用设计、模态、拖放、优化、UI组件、设计模式、前端开发、软件开发。
create-typescript-x402-nextjsSkill create-typescript-x402-nextjs
创建带有x402支付保护的Next.js应用程序,利用Algorand区块链支付实现HTTP 402支付门控路由。
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 管理, 类型安全查询, 全文本搜索, 前端开发, 内容集合, 部署优化