微信扫一扫把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
针对Nuxt 4+项目的Feature-Sliced Design (FSD)架构。在决定新代码放置位置、模块所属层级、如何构建切片和段落、处理跨切片通信或搭建新的Nuxt页面/功能/实体时使用。涵盖了层映射到Nuxt约定、薄页路由模式、`src/`作为FSD根目录、自动导入策略、可组合模式以及服务器端考虑因素。当提到FSD、feature-sliced、层级、切片、架构决策，或在遵循FSD结构的…
使用@adobe/leonardo-contrast-colors生成可访问的颜色主题。当用户需要帮助构建基于对比度的调色板、检查WCAG可访问性、创建自适应主题或使用Leonardo API时，请使用此工具。
识别从网页抓取的内容中的部分边界和内容序列，以便导入AEM Edge Delivery Services。执行两级分析（首先是部分，然后是每个部分内的序列），并调查可用的区块。
设置或迁移代码检查插件到现代前端框架。当您需要点击源代码IDE导航、热键自定义或检查器故障排除时使用。
专家指导编写干净、高性能的CSS和Tailwind CSS。在创建样式、设计组件、优化性能或建立样式约定时使用。涵盖现代CSS特性、Tailwind实用模式、响应式设计、可访问性以及团队协作标准。
Next.js 15应用程序的前端开发指南。使用React 19、TypeScript、Shadcn/ui和Tailwind CSS的现代模式。包括Server Components、Client Components、App Router、文件结构、Shadcn/ui组件、性能优化、TypeScript最佳实践。在创建组件、页面、功能、数据获取、样式设计、路由以及进行前端代码工作时使用。
构建由Google Gemini的Nano Banana和Nano Banana Pro图像生成API驱动的全栈Web应用程序。在创建Next.js图像生成器、编辑器、画廊或任何集成gemini-2.5-flash-image或gemini-3-pro-image-preview模型的Web应用程序时使用。涵盖React组件、服务器操作、API路由、存储、速率限制以及生产部署模式。
掌握Godot 4的GDScript模式，包括信号、场景、状态机和优化。在构建Godot游戏、实现游戏系统或学习GDScript最佳实践时使用。
使用MacPilot辅助功能API检查和交互macOS UI元素。通过角色、标签或位置查找按钮、文本框、标签等其他元素，然后点击、读取或修改它们。
对AEM边缘交付服务的开发应用内容驱动开发流程。所有代码变更均需使用此流程——包括新块、块修改、CSS样式、错误修复、核心功能（scripts.js、样式等）或任何需要验证的JavaScript/CSS工作。
从作者分析生成结构化的HTML，用于AEM边缘交付服务。创建部分结构，应用块表格，处理元数据，并管理图片文件夹。
-
使用flattenActions创建基于类的Zustand存储：web（组件级存储+上下文+提供者）和core（基于切片的存储，使用immer）。基于类的操作提供了跳转到定义的开发体验、#私有字段封装以及安全的原型切片组合。
使用p5.js创建算法生成艺术，结合有种子的随机性和交互式参数探索。
Three.js动画 - 关键帧动画、骨骼动画、变形目标、动画混合。在对物体进行动画处理、播放GLTF动画、创建过程性运动或混合动画时使用。
遵循现代设计模式构建可重用、可维护的UI组件。在创建组件库、实现设计系统或构建可扩展的前端架构时使用。涵盖React模式、组合、属性设计、TypeScript以及组件最佳实践。
具有明确观点的约束，用于构建更好的Anduril风格设计界面。
AEM Edge Delivery Services代码更改实施指南。处理块开发（新或修改）、核心功能更改（scripts.js、styles、delayed.js等），或两者兼有。使用此技能进行所有由内容驱动的开发工作流指导的实施工作。
分析章节内的内容序列，并为AEM Edge Delivery Services提供中立的描述。在页面导入期间，按章节调用以识别默认内容和区块之间的断点。
指导Next.js和React项目的日常Lingui命令工作流程。当团队需要清晰的提取/翻译/编译/清单例程、故障排除步骤以及i18n目录的命令语义时使用。
Adynato项目网页开发规范。涵盖使用img4web进行图像优化、资源管理、组件模式、样式设计以及性能最佳实践。在构建或修改Web应用程序、添加图像/资源或创建UI组件时使用。
为项目创建并定义视觉艺术风格。当用户想要建立艺术方向、创建风格指南、定义视觉语言、记录审美选择，或为游戏、插图、动画或其他视觉媒体创建一致的艺术作品指南时使用。
使用Python脚本生成高质量、极简主义和几何风格的SVG标志。当用户需要使用几何图形（圆形、矩形、路径）和特定配色方案来创建标志、图标或视觉标识时，可以使用此技能。应用生成设计原则，并采用标准化工作流程以输出可缩放的SVG文件。
用于Svelte 5文档查询和代码分析的CLI工具。在创建、编辑或分析任何Svelte组件（.svelte）或Svelte模块（.svelte.ts/.svelte.js）时必须使用。如果可能，该技能应在svelte-file-editor代理中执行以获得最佳效果。