orm

教导 AI 像高端设计机构一样进行设计。定义能让网站尽显高级感的精确字体、间距、阴影、卡片结构和动画……

审计 Convex 在读取、订阅、写入争用以及

关于使用 Sentry CLI 从命令行与 Sentry 交互的指南。当用户询问查看 issues、events、projects、organizations 等内容时使用。

本技能编码了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件体验出色的隐形细节的理念。

掌握 TypeScript 的高级类型系统，包括泛型、条件类型、映射类型、模板字面量类型和工具类型，用于构建类型安全的…

简洁的编辑风格界面。温暖的黑白单色调色板、字体对比、扁平化便当盒网格、柔和的粉彩色。无渐变，无重度阴影。

使用 p5.js 结合种子随机数和交互式参数探索来创作算法艺术。当用户请求使用代码创作艺术时使用此技能，…

将模糊的 UI 创意转化为精炼且针对 Stitch 优化的提示词。增强具体性，添加 UI/UX 关键词，注入设计系统上下文，并结构化……

在编写 Playwright 测试、修复不稳定的测试、调试失败、实现 Page Object Model、配置 CI/CD、优化性能、模拟……时使用。

Google Stitch 的语义设计系统技能。生成对智能体友好的 DESIGN.md 文件，以强制执行高品质、反同质化的 UI 标准——严格的排版，…

将整个网站下载为本地文件——Markdown、截图或每页多种格式。当用户想要在本地保存网站、下载文档以供离线使用、批量将页面保存为文件，或者说“下载网站”、“保存为本地文件”、“离线副本”、“下载所有文档”或“保存以供参考”时，请使用此技能。将网站映射和抓取功能结合，整理为有序的本地目录。

创建具有高设计品质、独特且达到生产级标准的前端界面。当用户要求构建 Web 组件、页面或…时，请使用此技能。

Firestore 企业原生模式的全面指南，涵盖配置、数据模型、安全规则和 SDK 使用。当用户需要以下帮助时，请使用此技能……

HyperFrames CLI 开发循环 — 使用 `npx hyperframes` 进行脚手架搭建（init）、校验（lint、inspect）、预览、渲染以及环境故障排查（doctor，…

HyperFrames 的 GSAP 动画参考。涵盖 gsap.to()、from()、fromTo()、缓动、交错、默认值、时间轴（gsap.timeline()、位置参数，…

当用户想要创建、规划或优化用于收集邮箱或潜在客户开发的引流诱饵时使用。当用户提及“lead magnet”、“gated…

一组帮助我撰写各类内部沟通内容的资源，采用公司偏好的格式。当……时，Claude 应使用此技能。

自动化浏览器交互、测试网页并处理 Playwright 测试。

使用 Express/Fastify 构建生产级 Node.js 后端服务，实现中间件模式、错误处理、身份验证、数据库集成……

在编写代码之前规划功能的 UX 和 UI。运行结构化的探索访谈，随后生成用于指导实现的设计简报。使用……