微信扫一扫personjakexiao无需 Key
content-driven-development
对AEM边缘交付服务的开发应用内容驱动开发流程。所有代码变更均需使用此流程——包括新块、块修改、CSS样式、错误修复、核心功能（scripts.js、样式等）或任何需要验证的JavaScript/CSS工作。
download15deployed_code—star11
Skill 资源库
AI Skill 资源库
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
personjakexiao无需 Key
generate-import-html
从作者分析生成结构化的HTML，用于AEM边缘交付服务。创建部分结构，应用块表格，处理元数据，并管理图片文件夹。
download15deployed_code—star11
personjakexiao无需 Key
global-modal-scaffold
-
download15deployed_code—star1
personjakexiao无需 Key
adynato-web
Adynato项目网页开发规范。涵盖使用img4web进行图像优化、资源管理、组件模式、样式设计以及性能最佳实践。在构建或修改Web应用程序、添加图像/资源或创建UI组件时使用。
download15deployed_code—star1
personjakexiao无需 Key
web-files-image-handling
客户端图像处理 - 预览生成、Canvas API调整大小、压缩、EXIF方向、格式转换、使用对象URL清理进行内存管理
download15deployed_code—star0
personjakexiao无需 Key
design-system-starter
在创建或发展应用程序的设计系统时使用此技能。提供设计令牌结构、组件架构模式、文档模板和可访问性指南。确保产品间具有一致性、可扩展性和可访问性的UI设计。
download15deployed_code—star221
personjakexiao无需 Key
designing-frontend
构建具有独特美学的生产级前端界面。适用于创建网页组件、页面或应用程序。优先考虑创意和特定上下文的设计，而不是通用模式。
download15deployed_code—star212
personjakexiao无需 Key
nano-banana-builder
构建由Google Gemini的Nano Banana和Nano Banana Pro图像生成API驱动的全栈Web应用程序。在创建Next.js图像生成器、编辑器、画廊或任何集成gemini-2.5-flash-image或gemini-3-pro-image-preview模型的Web应用程序时使用。涵盖React组件、服务器操作、API路由、存储、速率限制以及生产部署模式。
download15deployed_code—star221
personjakexiao无需 Key
building-blocks
AEM Edge Delivery Services代码更改实施指南。处理块开发（新或修改）、核心功能更改（scripts.js、styles、delayed.js等），或两者兼有。使用此技能进行所有由内容驱动的开发工作流指导的实施工作。
download15deployed_code—star11
personjakexiao无需 Key
page-decomposition
分析章节内的内容序列，并为AEM Edge Delivery Services提供中立的描述。在页面导入期间，按章节调用以识别默认内容和区块之间的断点。
download15deployed_code—star11
personjakexiao无需 Key
css-tailwind-styling
专家指导编写干净、高性能的CSS和Tailwind CSS。在创建样式、设计组件、优化性能或建立样式约定时使用。涵盖现代CSS特性、Tailwind实用模式、响应式设计、可访问性以及团队协作标准。
download15deployed_code—star1
personjakexiao无需 Key
web-data-fetching-swr
SWR 数据获取模式 - useSWR, useSWRMutation, 缓存, 重新验证, 无限滚动
download15deployed_code—star0
personjakexiao无需 Key
web-utilities-date-fns
date-fns 模式用于 TypeScript - 包括格式化、解析、操作、比较、时区处理和国际化
download15deployed_code—star0
personjakexiao无需 Key
wp-interactivity-api
在构建或调试WordPress交互性API功能（data-wp-*指令，@wordpress/interactivity store/state/actions，块viewScriptModule集成）时使用，包括性能、水合和指令行为。
download15deployed_code—star221
personjakexiao无需 Key
generative-art
使用p5.js创建算法生成艺术，结合有种子的随机性和交互式参数探索。
download15deployed_code—star221
personjakexiao无需 Key
threejs-animation
Three.js动画 - 关键帧动画、骨骼动画、变形目标、动画混合。在对物体进行动画处理、播放GLTF动画、创建过程性运动或混合动画时使用。
download15deployed_code—star221
personjakexiao无需 Key
identify-page-structure
识别从网页抓取的内容中的部分边界和内容序列，以便导入AEM Edge Delivery Services。执行两级分析（首先是部分，然后是每个部分内的序列），并调查可用的区块。
download15deployed_code—star11
personjakexiao无需 Key
code-inspector-init
设置或迁移代码检查插件到现代前端框架。当您需要点击源代码IDE导航、热键自定义或检查器故障排除时使用。
download15deployed_code—star1
personjakexiao无需 Key
zustand-store-scaffold
使用flattenActions创建基于类的Zustand存储：web（组件级存储+上下文+提供者）和core（基于切片的存储，使用immer）。基于类的操作提供了跳转到定义的开发体验、#私有字段封装以及安全的原型切片组合。
download15deployed_code—star1
personjakexiao无需 Key
web-error-handling-error-boundaries
错误边界模式、回退UI、重置/重试功能、react-error-boundary库
download15deployed_code—star0
personjakexiao无需 Key
frontend-dev-guidelines
Next.js 15应用程序的前端开发指南。使用React 19、TypeScript、Shadcn/ui和Tailwind CSS的现代模式。包括Server Components、Client Components、App Router、文件结构、Shadcn/ui组件、性能优化、TypeScript最佳实践。在创建组件、页面、功能、数据获取、样式设计、路由以及进行前端代码工作时使用。
download15deployed_code—star220
personjakexiao无需 Key
ux-waiting-audit
审核长时间运行操作（30秒以上）的Web应用程序的用户体验等待状态。在被要求评估、审核或分析产品的加载状态、等待时间、进度指示器或在慢速操作期间的用户体验时使用。需要浏览器自动化（Chrome MCP工具）。生成包含屏幕截图、检查列表评估和优先级建议的综合报告。
download15deployed_code—star221
personjakexiao无需 Key
art-style-creator
为项目创建并定义视觉艺术风格。当用户想要建立艺术方向、创建风格指南、定义视觉语言、记录审美选择，或为游戏、插图、动画或其他视觉媒体创建一致的艺术作品指南时使用。
download15deployed_code—star221
personjakexiao无需 Key
svg-logo-generator
使用Python脚本生成高质量、极简主义和几何风格的SVG标志。当用户需要使用几何图形（圆形、矩形、路径）和特定配色方案来创建标志、图标或视觉标识时，可以使用此技能。应用生成设计原则，并采用标准化工作流程以输出可缩放的SVG文件。
download15deployed_code—star221