微信扫一扫personjakexiao无需 Key
"dark-mode"
暗模式支持：3种外观选择器，preferredColorScheme，Color(light:dark:)自适应标记，colorScheme环境。在添加暗/亮模式切换、创建自适应颜色或遵循系统外观时使用。触发因素：colorScheme, preferredColorScheme, 暗模式, 外观, Color(light:dark:)。
download12deployed_code—star1
Skill 资源库
AI Skill 资源库
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
personjakexiao无需 Key
"gestures"
tvOS手势模式：使用onMoveCommand、onPlayPauseCommand、onExitCommand和滑动识别处理Siri Remote输入。在实现tvOS输入处理、遥控器交互或基于焦点的手势时使用。触发条件：手势、Siri Remote、onMoveCommand、滑动、遥控。
download12deployed_code—star1
personjakexiao无需 Key
"feedback-states"
反馈状态模式：加载指示器、错误处理界面、成功确认、禁用状态、骨架视图。在添加加载旋转器、错误提示、成功反馈或管理空/错误/加载视图状态时使用。触发条件：ProgressView，加载，错误，警告，空状态，骨架，禁用，反馈。
download12deployed_code—star1
personjakexiao无需 Key
"spacing-layout"
间距和布局度量：8pt网格系统、标准边距、44pt点击目标、垂直节奏、密度指南。在设置填充、边距、元素之间的间距或确保触摸目标大小时使用。触发词：填充、间距、边距、点击目标、44pt、网格、密度、内容边距。
download12deployed_code—star1
personjakexiao无需 Key
heuristic-evaluation
使用已建立的启发式方法（如尼尔森的10条、施奈德曼的8条或自定义标准）进行系统的可用性评估。在审查UI设计、屏幕截图、原型或实际产品是否存在可用性问题时使用。当用户要求“审查此设计”、“这个UI有什么问题”、“可用性检查”、“评估此界面”，或者分享截图/模型请求反馈时触发。
download12deployed_code—star4
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
"keyboard-shortcuts"
macOS键盘快捷键模式：keyboardShortcut修饰符，CommandMenu，CommandGroup，菜单栏自定义。在实现macOS键盘快捷键、菜单栏命令或热键时使用。触发词：键盘，快捷键，CommandMenu，CommandGroup，菜单栏，热键。
download12deployed_code—star1
personjakexiao无需 Key
"color-contrast"
颜色对比度和可访问性：WCAG比率、语义颜色、深色模式配对、图像上的文本、不透明度规则。在选择颜色、确保文本可读性或验证可访问性的对比度比率时使用。触发词：对比度、WCAG、前景色、背景、不透明度、语义颜色、深色模式颜色。
download12deployed_code—star1
personjakexiao无需 Key
"typography"
排版规则：系统文本样式、动态类型、字体粗细、文本层次结构、行间距。在实现与排版相关的UI模式时使用。
download12deployed_code—star1
personjakexiao无需 Key
"view-complexity"
视图复杂性管理：30行主体规则，计算属性提取，子视图分解，防止类型检查超时。当视图主体变得很长、重构大型视图或遇到Swift类型检查器超时时使用。触发条件：主体过长、重构视图、提取子视图、类型检查超时、视图过于复杂。
download12deployed_code—star1
personjakexiao无需 Key
modern-best-practice-nextjs
使用App Router和最佳实践构建现代Next.js应用
download12deployed_code—star2
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
"website-links"
外部链接和应用内浏览：链接组件、openURL环境、SFSafariViewController、URL处理。在打开URL、添加网页链接或嵌入应用内浏览器时使用。触发词：Link, openURL, SFSafariViewController, URL, website, browser.
download12deployed_code—star1
personjakexiao无需 Key
"adaptive-layout"
适用于iPad和通用应用程序的自适应布局：NavigationSplitView、尺寸类别、horizontalSizeClass、展示方式、遵循HIG规范。在构建针对iPad优化的布局、支持多种屏幕尺寸或使iPhone+iPad界面适应时使用。触发词：iPad、通用、NavigationSplitView、horizontalSizeClass、尺寸类别、自适应。
download12deployed_code—star1
personjakexiao无需 Key
"view-composition"
视图组合：@ViewBuilder属性，部分提取，将主体作为目录，命名约定。在实现与视图组合相关的UI模式时使用。
download12deployed_code—star1
personjakexiao无需 Key
ux-specification
将产品需求文档（PRD）转化为详细的用户体验规范，包括用户流程、屏幕描述、组件和交互模式。当用户拥有一个PRD并且需要在生成开发提示之前定义具体的UI/UX时使用。架起产品需求与实施细节之间的桥梁。
download12deployed_code—star4
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