微信扫一扫personjakexiao无需 Key
modern-best-practice-nextjs
使用App Router和最佳实践构建现代Next.js应用
download12deployed_code—star2
Skill 资源库
AI Skill 资源库
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
personjakexiao无需 Key
modern-tailwind
使用现代实用程序和变体，通过Tailwind CSS构建干净、可扩展的用户界面
download12deployed_code—star2
personjakexiao无需 Key
ui-studio
从产品目标到交付UI，全程协调前端开发。确立共享的产品简报（目标、受众、审美基调）作为指导方向，然后协调前端设计师、UI布局设计师、UI/UX设计师、UI润色师以及React性能优化师，共同达成一致的结果。适用于从零开始构建新的UI、页面或功能时使用。
download12deployed_code—star0
personjakexiao无需 Key
json-ui
CRITICAL: 用于json-ui组件的渲染和开发。触发条件：json-ui，json渲染，组件目录，报告渲染，HTML报告，I18nString，i18n，双语，语言切换，双语支持，PaperHeader，AuthorList，Abstract，MetricsGrid，Section，Highlight，Zod schema，catalog.ts，cli.ts，components/inde…
download12deployed_code—star1.4K
personjakexiao无需 Key
performance-optimization
当存在性能要求时，当你怀疑出现性能退化时，或者当核心网页指标或加载时间需要改进时使用。当分析揭示了需要修复的瓶颈时也请使用。
download12deployed_code—star105
personjakexiao无需 Key
anduril
具有明确观点的约束，用于构建更好的Anduril风格设计界面。
download12deployed_code—star0
personjakexiao无需 Key
building-blocks
AEM Edge Delivery Services代码更改实施指南。处理块开发（新或修改）、核心功能更改（scripts.js、styles、delayed.js等），或两者兼有。使用此技能进行所有由内容驱动的开发工作流指导的实施工作。
download12deployed_code—star11
personjakexiao无需 Key
page-decomposition
分析章节内的内容序列，并为AEM Edge Delivery Services提供中立的描述。在页面导入期间，按章节调用以识别默认内容和区块之间的断点。
download12deployed_code—star11
personjakexiao无需 Key
modern-best-practice-react-components
构建干净、现代的React组件，遵循常见的最佳实践，并避免不必要的状态管理和useEffect使用等常见陷阱。
download12deployed_code—star2
personjakexiao无需 Key
modern-accessible-html-jsx
编写干净、现代且高度可访问的HTML和JSX代码，使用语义正确的元素和属性
download12deployed_code—star2
personjakexiao无需 Key
shadcn-svelte
在使用shadcn-svelte组件、Svelte 5中的TanStack Table或Tailwind v4.1时参考。涵盖了官方文档中未提及的不明显的响应性错误、库选择权衡以及迁移陷阱。关键词：shadcn-svelte, TanStack Table, Tailwind v4.1, Svelte 5 符文, bits-ui, superforms, 数据表, svelte-check。
download12deployed_code—star8
personjakexiao无需 Key
nuxt-fsd
针对Nuxt 4+项目的Feature-Sliced Design (FSD)架构。在决定新代码放置位置、模块所属层级、如何构建切片和段落、处理跨切片通信或搭建新的Nuxt页面/功能/实体时使用。涵盖了层映射到Nuxt约定、薄页路由模式、`src/`作为FSD根目录、自动导入策略、可组合模式以及服务器端考虑因素。当提到FSD、feature-sliced、层级、切片、架构决策，或在遵循FSD结构的…
download12deployed_code—star0
personjakexiao无需 Key
design-builder
-
download12deployed_code—star2
personjakexiao无需 Key
leonardo-colors
使用@adobe/leonardo-contrast-colors生成可访问的颜色主题。当用户需要帮助构建基于对比度的调色板、检查WCAG可访问性、创建自适应主题或使用Leonardo API时，请使用此工具。
download12deployed_code—star2.1K
personjakexiao无需 Key
identify-page-structure
识别从网页抓取的内容中的部分边界和内容序列，以便导入AEM Edge Delivery Services。执行两级分析（首先是部分，然后是每个部分内的序列），并调查可用的区块。
download12deployed_code—star11
personjakexiao无需 Key
code-inspector-init
设置或迁移代码检查插件到现代前端框架。当您需要点击源代码IDE导航、热键自定义或检查器故障排除时使用。
download12deployed_code—star1
personjakexiao无需 Key
use-modern-browser-apis
利用内置的浏览器API（如Popover API、View Transitions等）而不是通过JavaScript手动构建功能
download12deployed_code—star2
personjakexiao无需 Key
css-master
全面的CSS技能，涵盖现代CSS特性、架构方法论（BEM、CSS Modules、级联层）、SASS/预处理器、可访问性模式、响应式图片、跨浏览器兼容性和网络字体。在编写CSS、重构样式、处理现代CSS特性（容器查询、视图过渡、滚动驱动动画、砌体布局）或构建样式系统时触发。
download12deployed_code—star0
personjakexiao无需 Key
tanstack-query
在调试TanStack Query / React Query问题时使用：v4→v5迁移错误（gcTime, isPending, throwOnError），无限重新获取循环，SSR水合不匹配，在React Query和SWR之间选择，或者乐观更新模式不起作用。不适用于基本的useQuery设置。
download12deployed_code—star8
personjakexiao无需 Key
modal-patterns
React Portal 模态框实现模式，适用于Dr. Sophia AI。涵盖createPortal用法、AnimatePresence集成、z-index层级（头部始终可见）、暗黑模式样式、背景不透明度。在创建模态框、解决头部重叠问题、实现React Portal组件或调试模态框堆叠问题时使用。
download12deployed_code—star6
personjakexiao无需 Key
macpilot-ui-inspector
使用MacPilot辅助功能API检查和交互macOS UI元素。通过角色、标签或位置查找按钮、文本框、标签等其他元素，然后点击、读取或修改它们。
download12deployed_code—star0
personjakexiao无需 Key
content-driven-development
对AEM边缘交付服务的开发应用内容驱动开发流程。所有代码变更均需使用此流程——包括新块、块修改、CSS样式、错误修复、核心功能（scripts.js、样式等）或任何需要验证的JavaScript/CSS工作。
download12deployed_code—star11
personjakexiao无需 Key
generate-import-html
从作者分析生成结构化的HTML，用于AEM边缘交付服务。创建部分结构，应用块表格，处理元数据，并管理图片文件夹。
download12deployed_code—star11
personjakexiao无需 Key
global-modal-scaffold
-
download12deployed_code—star1