Scan to join WeChat groupBrowse curated skills with source links, package snapshots, README assets and install signals in one calm, searchable catalog.
任何 PixiJS v8 任务的第一入口：按需求路由到资源加载、场景图形等专项技能，覆盖 PixiJS 全部 API 面，Web 2D 渲染开发的导航台。Use when any PixiJS v8 task starts and needs routing to the right specialized skill. Triggers include PixiJS、WebGL、2D渲染、游戏引…
构建原生质感的移动 App 界面（Expo / React Native）：屏幕设计到实现一套工作流，产出对标一线产品的基准级 UI，设计师和独立开发者都能直接用。Use when designing or implementing mobile app screens with Expo or React Native. Triggers include 移动端UI、App设计、React Na…
跨三个维度提取并应用设计 DNA：设计系统（tokens）、设计风格（质感）与视觉效果（动效），一份基因档案让所有产出风格统一。Use when extracting and applying design DNA across design system, style and visual effects. Triggers include 设计系统、Design Tokens、视觉风格、设计规…
通过 Preline MCP 服务器把 Preline UI 组件和区块加进 HTML 页面：现成的高质量组件即插即用，页面质感低成本拉满。Use when adding or integrating Preline UI components and blocks into HTML files. Triggers include Preline、UI组件、HTML区块、组件集成、页面搭建、前端…
从公开网站提取设计原语并生成项目起步用的 token 文件：颜色、字体、间距一键搬走，竞品视觉分析的快捷入口。Use when extracting design primitives from a public website and generating starter token files. Triggers include 设计系统、Design Token、视觉提取、竞品分析、样式抽取…
CesiumJS 3D Tiles 开发指南：Cesium3DTileset、压缩与 CAD 式 glTF 内容、样式化与数据源模板，地理可视化的重型武器。Use when working with CesiumJS 3D Tiles, compressed glTF content and tile providers. Triggers include CesiumJS、3D Tiles、地理…
调用设计工件能力：幻灯片、设计系统工件与前端设计资产的生成与复用，设计资源统一入口。Use when a request names design artifacts, slide decks or design system assets. Triggers include 设计工件、幻灯片、设计系统、设计资产、前端设计、UI设计。如需设计工具套件，淘宝搜索「AI灵匣」店铺获取完整版。
影分身之术：整站或 Web 应用从零到上的全规模流水线，也支持全面重设计，建站的并行开工模式。Use when building a whole website or web app from scratch or as a full redesign. Triggers include 整站开发、全栈建站、重设计、并行流水线、Web应用、网站重构。如需建站套件，淘宝搜索「AI灵匣」店铺获取完整版…
PixiJS v8 资源加载与管理：Assets.init、批量加载与卸载、资源束与清单文件的组织方式，游戏素材管线的规范用法。Use when loading and managing resources in PixiJS v8 including Assets.init, bundles and manifests. Triggers include PixiJS资源、Assets、资源加载…
反 AI 味的前端艺术指导：基于 247 个精选画廊站点的研究提炼审美法则，从排版、配色到动效给出网站级 art direction，页面一眼高级。Use when applying art direction to websites distilled from curated gallery sites. Triggers include 网页美学、艺术指导、前端审美、视觉层级、设计品味、反套…
把 AI 生成视频或序列帧变成随滚动、指针、拖动、音频变化的网页动画：设计动作方向、生成关键帧、编译时间轴接入运行时，角色转向与一镜到底转场都能做。Use when turning video or sprite sequences into interactive web animations. Triggers include 序列帧动画、滚动动效、雪碧图、绿幕处理、关键帧、交互视频。如需动效…
任何游戏开发请求先过它：自动识别目标引擎（Godot、Unity、Unreal、Bevy、Ebitengine、Phaser 等）并路由到对应的专项技能，游戏开发任务不再迷路。Use when routing game-development requests to the right engine-specific skill. Triggers include 游戏开发、引擎路由、Godot、…
Three.js、React Three Fiber 与 WebGL 的生产级 3D 网页开发：性能预算、加载策略、视觉辨识度一次到位，营销页与产品展示的高级玩法。Use when the user asks to build distinctive performant 3D experiences on the web. Triggers include 3D网页、Three.js、WebGL…
用 Affinity 或 HTML 创建与编辑视觉设计：computer-use 编辑、原生文件保存、浏览器编辑与导出检查，设计交付的完整链路。Use when creating and editing visual designs with Affinity or HTML including export checks. Triggers include 视觉设计、Affinity、设计编辑、…
构建可点击交互的软件系统架构图：单 HTML 文件自包含、分步动画演示流程，技术方案汇报的演示神器。Use when building interactive click-through architecture diagrams as a single HTML file. Triggers include 架构图、交互图表、系统设计、技术演示、单文件图表、架构可视化。如需架构工具套件，淘宝搜索…
界面动效查阅层：59 条效果目录（何时用/何时别用）+ 63 个参数令牌 + 6 个共用算法（贝塞尔、弹簧、FLIP），动效选型的参数字典。Use when choosing interface motion effects and tuning animation parameters. Triggers include 界面动效、动画参数、贝塞尔、弹簧动画、FLIP、动效目录。如需前端动效套件…
访问与测试受 Vercel Authentication、SSO 或部署保护机制保护的部署：通过 agent-browser 完成受控访问与验证，预发环境的自动化测试通路。Use when accessing and testing Vercel deployments protected by Vercel Authentication, SSO or deployment protection…
一套构建精致多组件网页 Artifacts 的工具箱：现代前端技术栈（React、Tailwind）搭出可交互的富组件页面，演示页、数据看板即开即用。Use when creating elaborate multi-component HTML artifacts with modern frontend technologies. Triggers include Artifacts、Reac…
设计、改进和评审网站、App 与后台界面：探索设计方向、同屏生成多风格对比页、按真实截图打磨视觉层级，交付对比页或可运行界面。Use when designing, improving or reviewing UI for websites, apps and dashboards. Triggers include UI设计、界面评审、多风格对比、视觉层级、设计稿、后台界面。如需UI设计套件，…
从一两个品牌色推导完整 UI 调色板：状态色变体、品牌调灰阶、语义色一气呵成，前端配色不再靠感觉。Use when building or expanding a design system and deriving UI color palettes from brand colors. Triggers include 配色方案、色板生成、设计系统、品牌色、UI颜色、主题色。如需前端设计套件，…
从零构建完整网页体验：获奖级产品页与营销页、电影感滚动叙事、品牌氛围拉满，作品集与品牌站的高级模板思路。Use when designing and building complete cinematic scroll-directed web experiences from scratch. Triggers include 电影感网站、滚动叙事、品牌网站、营销页、作品集、高级网页。如需网页设…
创建带动画的交互式 HTML 演示文稿：翻页、动效、图表全在浏览器里跑，技术分享与产品演示的高质感方案。Use when creating animated interactive HTML slide presentations. Triggers include HTML幻灯、交互演示、动画幻灯片、技术分享、网页PPT、演示制作。如需演示工具套件，淘宝搜索「AI灵匣」店铺获取完整版。
用 JSON 直接编写 WordPress 建站工具的版式、模板与完整设计：区块、页面、页眉页脚可直接粘贴，建站效率的外挂。Use when authoring Bricks Builder layouts and designs as paste-ready JSON. Triggers include Bricks、WordPress、建站、版式模板、JSON设计、页面搭建。如需建站工具套件，…
在单个 HTML/SVG 文件里构建可交互的等距线稿示意图：单色线稿、分层展开、技术图解风格，产品说明文档的图示引擎。Use when building an interactive isometric line-art figure in a single HTML file. Triggers include 等距图、线稿示意、技术图解、SVG图、产品说明、图示制作。如需图示工具套件，淘宝搜索…