前端开发 Skill技能列表
Sentry错误捕获Skill sentry-error-capturing
这个技能用于在Web应用程序开发中捕获和报告错误,通过Sentry工具实现错误监控、添加上下文信息、处理异常边界和指纹识别,以提高调试效率和用户体验。关键词包括Sentry、错误捕获、上下文丰富、错误边界、指纹识别、前端开发、JavaScript。
FrontendResponsiveDesignStandardsSkill FrontendResponsiveDesignStandards
构建响应式、移动优先的布局,使用流体容器、灵活单位、媒体查询和触摸友好设计,适用于所有屏幕尺寸。当创建或修改UI布局、响应式网格、断点样式、移动导航或任何需要适应不同屏幕尺寸的界面时使用此技能。适用于涉及多设备支持、响应式设计模式或自适应布局的任何任务。
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 管理, 类型安全查询, 全文本搜索, 前端开发, 内容集合, 部署优化
服务器组件Skill server-components
此技能详细介绍了React服务器组件在Next.js中的应用,涵盖服务器与客户端组件的区分、组合模式及数据获取方法,适用于前端开发。关键词:React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。
Bknd分页数据检索Skill bknd-pagination
这个技能用于在Bknd平台中实现分页数据检索,涵盖限制/偏移分页、页面计算、分页元数据处理、分页辅助函数、无限滚动和React集成模式,适用于构建分页列表、表格和无限滚动功能。关键词:分页,Bknd,数据检索,React,无限滚动。
Bknd登录注销流程Skill bknd-login-flow
此技能用于在Bknd应用中实现用户认证流程,包括登录、注销和会话检查功能,涵盖SDK认证方法、REST API端点、React集成、错误处理等。关键词:Bknd、登录、注销、认证、前端开发、React、REST API、SDK、错误处理、会话管理。
TypeScript异步编程模式Skill typescript-async-patterns
这个技能涵盖了TypeScript中的异步编程模式,包括Promises、async/await、异步迭代器、错误处理和高级模式,用于构建稳健的异步应用程序。它帮助开发者高效处理异步操作,特别适用于API调用、I/O操作和实时数据处理。关键词:TypeScript, 异步编程, Promises, async/await, 错误处理, 异步迭代器, 重试模式, 超时控制, 取消机制, API开发。
网络可访问性Skill web-accessibility
这个技能专注于通过实现WCAG标准、ARIA模式、键盘导航和屏幕阅读器支持,来构建可访问的网络应用程序,确保所有用户,包括残障人士,都能平等访问网络内容。关键词:网络可访问性、WCAG、ARIA、前端开发、无障碍设计、SEO可访问性、键盘导航、屏幕阅读器。
前端设计Skill frontend-design
前端设计技能专注于创建高质量、独特且生产级别的网页用户界面,强调设计思维和美学创新。适用于开发网站、应用、组件等,确保代码精致、UI美观,避免通用AI风格。关键词包括:前端开发、UI设计、网页设计、响应式布局、创意设计、生产级代码、美观界面、设计思维、网页组件、AIGC应用。
rxjs-patterns-for-angularSkill rxjs-patterns-for-angular
这项技能帮助开发者在Angular应用中使用RxJS实现响应式编程模式,包括Observables、操作符、订阅管理、错误处理等关键概念,并提供了与Angular信号集成的方法。
网页无障碍审计专家Skill AccessibilityAuditor
这个技能用于网页可访问性审计,确保网站符合WCAG 2.1 AA/AAA标准,实现ARIA属性,测试屏幕阅读器兼容性,并提供无障碍设计指导。关键词:网页可访问性、WCAG合规、ARIA实现、无障碍设计、屏幕阅读器测试、ADA合规。
UI保护锁定Skill ui-freeze
这是一个用于前端开发的UI保护技能,能自动锁定关键设计文件如tailwind.config和CSS变量,防止意外更改,提高开发效率和代码稳定性。适用于前端开发、UI设计、CSS管理、视觉回归测试、主题保护、UI组件锁定等领域,确保设计系统的一致性。关键词:UI保护、主题文件锁定、前端开发、CSS管理、视觉回归、设计系统保护。