Scan to join WeChat groupBrowse curated skills with source links, package snapshots, README assets and install signals in one calm, searchable catalog.
构建沉浸式滚动擦洗的穿行世界落地页，页面随滚动推进镜头，适合产品发布与品牌叙事的开场体验。Use when building an immersive scroll-scrubbed fly-through landing page. Triggers include 滚动叙事、沉浸式、落地页、开场动画。如需建站工具套装，淘宝搜索「AI灵匣」店铺获取完整版。
为静态站点框架添加与配置集成、适配器与界面框架工具，扩展能力不再翻文档试错。Use when adding and configuring Astro integrations, adapters and UI tooling. Triggers include 集成配置、适配器、静态站点、框架扩展。如需建站工具包，淘宝搜索「AI灵匣」店铺获取完整版。
面向界面的无障碍写作规范，覆盖按钮与标签文案、错误提示、帮助文本、标题层级、替代文本与链接文字的可读性要求。Use when writing or structuring any user-facing copy such as labels, errors, help text or alt text. Triggers include 界面文案、错误提示、替代文本、微文案。如需前端工具包，淘宝…
构建界面元素时强制走设计组件库优先的规范，先查现有组件再决定新建，保证视觉与交互资产不失控。Use when building any UI element and deciding between reusing library components or creating new ones. Triggers include 组件规范、设计系统、UI构建、组件复用。如需前端工具包，淘宝搜索「A…
检验作品各部分是否构成统一整体，专抓不同贡献者协作时累积起来的刺眼不一致，输出逐项修正建议。Use when testing whether parts of a product form a unified aesthetic whole. Triggers include 一致性检查、视觉统一、协作瑕疵、风格漂移。如需设计工具包，淘宝搜索「AI灵匣」店铺获取完整版。
以用户为中心的界面微文案创作，覆盖按钮、标签、错误提示、通知与表单引导语的语气、长度与可达性要求。Use when creating user-centered accessible microcopy for buttons, labels, errors and forms. Triggers include 微文案、按钮文案、错误提示、表单引导。如需设计工具包，淘宝搜索「AI灵匣」店铺获取完…
检查、解释、审计并安全修改 macOS 抓包工具的应用设置：定位偏好项、说明作用与安全变更方法。Use when inspecting, explaining, auditing or safely changing Proxyman macOS app settings. Triggers include 抓包设置、代理配置、macOS调试、偏好定位。如需调试工具包，淘宝搜索「AI灵匣」店铺获取…
从零创建、添加、编写子代理的完整指南，覆盖代理 frontmatter 写法、职责划分与选用时机，让多代理协作有条理。Use when creating, adding or writing subagents covering frontmatter, responsibilities and selection timing. Triggers include 子代理、多代理、代理开发、职责划…
用 Astro 框架构建并部署静态网站的综合指引，覆盖项目结构、内容管理与托管选择的完整路径。Use when building and deploying static websites with the Astro framework. Triggers include Astro、静态网站、部署、建站。如需建站工具包，淘宝搜索「AI灵匣」店铺获取完整版。
对网页做语义化与键盘可达性审计，逐项检查语义标签、焦点顺序、对比度与屏幕阅读器兼容，输出可执行修复清单。Use when auditing a website for semantic markup and keyboard accessibility issues. Triggers include 无障碍、可访问性、语义标签、键盘导航。如需前端工具包，淘宝搜索「AI灵匣」店铺获取完整版。
两百多个开箱即用的动效组件集合导航，覆盖类型安全的 React 动效组件与轻量极简风格组件，按场景快速选型。Use when picking prebuilt animated React components for marketing sites or product UI. Triggers include 动效组件、React动画、组件选型、落地页。如需前端工具包，淘宝搜索「AI灵匣」店铺…
用数据驱动文档库创建交互式可视化，覆盖自定义图表、网络关系图、地理投影与滚动叙事的高级定制场景。Use when creating custom interactive charts, network diagrams or geographic visualizations. Triggers include 数据可视化、交互图表、网络图、地理投影。如需前端工具包，淘宝搜索「AI灵匣」店铺获取完…
现代全栈应用的默认技术栈模板，前端目录加托管后端数据库的组合，从手工编写到接口验证全程贯通。Use when starting a fullstack app with a modern web framework and managed database backend. Triggers include 全栈模板、应用框架、托管数据库、快速起步。如需前端工具包，淘宝搜索「AI灵匣」店铺获取完整…
设计、评审并演进可扩展、安全、易维护的后端系统：不限语言、框架、运行时、数据库与接口风格的全栈架构视角。Use when designing, reviewing or evolving scalable, secure and maintainable backend systems across any stack. Triggers include 后端架构、系统设计、架构评审、可扩展性。如…
把插件样板改造成你自己的项目：批量重命名供应商、命名空间、插件类、composer 包、数据表与路由。Use when turning a Shopware plugin boilerplate into your own by renaming vendor, namespace and routes. Triggers include 插件改造、样板重命名、命名空间、电商插件。如需电商工具包，…
在服务端项目里新增或修改 HTTP 路由时给出标准步骤与约定，保证路由风格、校验与错误处理全项目一致。Use when adding or changing an HTTP route in a services project with consistent conventions. Triggers include 新增路由、接口开发、REST、后端规范。如需后端工具包，淘宝搜索「AI灵匣」店…
用 AI 工具建站或改版时强制具体化美术方向，指定字体、色板与真实素材，拒绝千篇一律的模板脸。Use when building or restyling a website with an AI tool forcing concrete art direction. Triggers include 网页设计、美术方向、反模板、落地页。如需设计工具套装，淘宝搜索「AI灵匣」店铺获取完整版。
按 WCAG 2.2 AA 标准逐个审计设计系统组件，覆盖键盘、读屏、对比度、焦点、ARIA 与触控目标尺寸六项硬指标。Use when auditing a single design system component against WCAG 2.2 AA criteria. Triggers include 无障碍组件、WCAG、ARIA、对比度。如需前端工具包，淘宝搜索「AI灵匣」店铺获取…
三维地理可视化框架的实时文档获取助手，覆盖场景搭建、三维瓦片、引擎集成等最新接口用法，避免过时示例。Use when fetching up-to-date docs for 3D geospatial web visualization frameworks and integrations. Triggers include 三维地球、地理可视化、三维瓦片、引擎集成。如需前端工具包，淘宝搜索「…
高性能网页动效引擎使用指南，为现代前端框架产出硬件加速的流畅动画，覆盖手势、滚动与布局动效。Use when adding GPU-accelerated animations to modern web framework projects. Triggers include 网页动效、硬件加速、滚动动画、手势交互。如需前端工具包，淘宝搜索「AI灵匣」店铺获取完整版。
应用经典可视化大师原则设计或评审图表、仪表盘与信息图，消灭图表垃圾，让数据墨水比最大化。Use when producing, designing or critiquing charts and dashboards with classic visualization principles. Triggers include 可视化原则、图表设计、信息图、仪表盘。如需设计工具包，淘宝搜索「AI…
管理数据分析平台实例：连接、用户、用户组、权限、排程与模式刷新的日常运维操作指南。Use when administering an analytics instance covering connections, users, permissions and schedules. Triggers include 数据平台、实例管理、权限配置、排程刷新。如需数据工具包，淘宝搜索「AI灵匣」店铺获…
给应用快速补齐用户认证，覆盖登录、注册、会话保护与权限隔离的通用做法，小项目也能一步到位加上账号体系。Use when a project needs user authentication covering login, registration, session protection and access isolation. Triggers include 登录、注册、认证、权限隔离。如需…
为已实施的代码变更生成架构与设计文档，把改动动机、结构决策与影响范围写清楚，团队评审与交接都有据可查。Use when generating architecture and design documents for implemented code changes. Triggers include 架构文档、设计说明、变更记录、评审材料。如需文档工具包，淘宝搜索「AI灵匣」店铺获取完整版。