来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码时,应运用此技能,以确保代码达到最优性能标准。该技能适用于涉及 React 组件、Next.js 页面、数据获取、包体积优化,以及性能提升等相关任务。
将私有chezmoi仓库中的dotfiles同步至公共dotfiles仓库。当用户请求更新其公共dotfiles仓库、同步dotfiles,或从chezmoi将dotfiles复制到公共仓库时,可使用此技能。该技能会渲染chezmoi模板,并应用安全过滤机制,防止意外暴露敏感文件。
将 Cartridge Controller 集成至原生移动应用(iOS、Android、React Native)及 Web 封装层(Capacitor)。适用于开发需要本地密钥对签名、支持 Controller 钱包功能的移动游戏或应用。内容涵盖原生认证流程的 SessionConnector、Controller.c 的 FFI 绑定、配合 Apple App Site Association 的通行密钥配置,以及各平台特有的集成设置。
为单体仓库中的 Vitest 配置构建核心测试基础架构模式,包括全局配置、模拟测试模式以及测试规范
在Docker中运行SvelteKit + TypeScript的小规模浏览器游戏的端到端规划、构建与测试,包括脚手架、游戏循环、输入、UI、测试及Docker开发/发布设置。当用户要求创建或修改SvelteKit游戏项目、原型化简单单人游戏,或添加测试时使用。当需求不明确时,提出澄清问题,并在用户偏好时自动选择默认值。此技能仅使用Docker中的SvelteKit+TS(调试热重载+nginx发布);除非用户明确要求更改范围,否则不要切换栈。不适用于多人游戏、服务器或后端服务。
探索并发掘可用于获取土耳其电力市场数据的ePtr2 API端点。列出全部213+个API调用,按类别(GÖP、GİP、DGP、发电、用电)查找端点,搜索特定数据类型,并了解各项参数的要求。在询问可用数据、如何查找端点,或探索API时使用此技能。触发条件:可用端点、API调用、列出端点、有哪些数据、哪个API、如何查找、哪些数据、现有服务。
为 DigitalOcean App Platform 搭建本地开发环境,使其与生产环境高度一致。适用于搭建本地开发环境、为项目添加 devcontainer、在本地运行 App Platform 应用,或配置后端服务(Postgres、Redis、Kafka、S3)时使用。
在规划之前,采用结构化的头脑风暴流程来探索需求与解决方案。适用于当功能创意尚显模糊、存在多种实现路径,或需要深入权衡各项利弊时使用。
根据测试用例的规格自动生成Playwright测试代码。当您需要编写自动化测试、创建页面对象,或生成测试规格文件时,此工具便能助您一臂之力。只需输入“编写测试”“生成自动化”“创建规格文件”“页面对象”“Playwright代码”等关键词,即可触发相应操作。
对安全敏感的代码更改必需——基于OWASP的安全审查,配备专用检查清单,必须在PR前进行认证、输入处理、API、数据库或凭证代码的审查
利用 AI SDK React 钩子,为构建聊天 UI 提供专业指导。 适用场景如下:(1) 使用 useChat 钩子构建聊天机器人;(2) 通过服务端与客户端协同执行,实现工具 UI 的开发;(3) 处理消息持久化与流式恢复;(4) 利用 React 组件打造生成式 UI;(5) 与 Next.js/Node/Fastify/Nest 后端集成;(6) 使用 useObject 实现结构化数据的流式传输。 触发短语:useChat、useObject、useCompletion、聊天 UI、聊天机器人、生成式 UI、消息持久化、@ai-sdk/react、UIMessage、工具组件、流式 UI、toUIMessageStreamResponse。
根据最佳实践与 XML 文件中的职业数据,生成 LinkedIn 个人资料更新指南。当用户提出“更新我的 LinkedIn”、“优化我的 LinkedIn 个人资料”、“提升我的 LinkedIn”、“刷新我的 LinkedIn”、“LinkedIn 最佳实践”、“LinkedIn 个人资料更新”、“LinkedIn SEO”或“让我的 LinkedIn 更具吸引力”时,即可使用此技能。输出一份结构化的 Markdown 文档,按照“头衔”、“关于我”、“工作经历”、“技能”以及“精选亮点”等板块,逐一提供清晰易懂的更新指导,包含可直接复制粘贴的文案内容。