performance

验证动画时长，强制排版比例，检查组件可访问性，并防止 Tailwind CSS 项目中的布局反模式。使用场景……

官方 GSAP 核心技能——gsap.to()、from()、fromTo()、缓动、持续时间、交错、默认值、gsap.matchMedia()（响应式，…

提供全面的 Tailwind CSS 实用优先样式模式，涵盖响应式设计、布局工具、flexbox、grid、间距、排版、颜色等……

遵循现代设计模式，构建可复用、易维护的 UI 组件。适用于创建组件库、实现设计系统或构建……

此技能支持对本地或远程运行的网站进行可视化检查，以识别并修复设计问题。在收到类似“review website…”的请求时触发。

使用容器查询、流式排版、CSS Grid 和移动优先断点策略实现现代响应式布局。适用于构建自适应…

用于 GSAP 插件的官方 GSAP 技能 —— 注册、ScrollToPlugin、ScrollSmoother、Flip、Draggable、Inertia、Observer、SplitText、ScrambleText、SVG 以及……

使用 Chrome DevTools MCP 分析 Web 性能。测量核心 Web 指标 (LCP、INP、CLS) 及辅助指标 (FCP、TBT、Speed Index)，识别…

在编写使用 InsForge 或 @insforge/sdk 的应用代码时使用此技能：数据库 CRUD、身份验证、存储上传/存储 RLS、函数、AI、实时、电子邮件、Stripe 结账、订阅、客户门户流程，或将兼容 S3 的工具（aws CLI、AWS SDKs、rclone、Terraform、boto3）指向 InsForge Storage。在遇到添加身份验证、获取数据、上传文件、将存储桶设为公开、添加结账、售卖订阅或发送电子邮件等请求时触发。对于基础设施、SQL 迁移、CLI 命令或 Stripe 密钥/目录设置，请改用 insforge-cli。

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

跨项目编码规范的基线，涵盖命名、可读性、不可变性及代码质量审查。请使用详细的前端或后端技能来实现……

React、Next.js、状态管理、性能优化及 UI 最佳实践的前端开发模式。

优化 Core Web Vitals (LCP、INP、CLS) 以提升页面体验和搜索排名。当被要求“改善 Core Web Vitals”、“修复 LCP”、“降低 CLS”等时使用。

涵盖性能、无障碍访问、SEO 和最佳实践的综合 Web 质量审计。当被要求“审计我的网站”、“审查 Web 质量”、“运行…”时使用。

当用户提供特定的钱包地址，并希望查询其余额、代币持有量、投资组合价值或 DeFi 仓位时，请使用此技能。典型…

Three.js 动画 - 关键帧动画、骨骼动画、变形目标、动画混合。用于为对象制作动画、播放 GLTF 动画、创建…

REST API 设计模式，涵盖生产级 API 的资源命名、状态码、分页、过滤、错误响应、版本控制和限流。

适用于 TypeScript 的类型安全 SQL ORM，零运行时开销

消除AI写作痕迹，将文本重写为自然的中文或英文。仅在明确的写作或编辑请求时激活。不适用于代码…

基于 C++ Core Guidelines (isocpp.github.io) 的 C++ 编码规范。适用于编写、审查或重构 C++ 代码，以强制执行现代化、安全的……