微信扫一扫personjakexiao无需 Key
lean-ux-canvas
指导团队通过精益用户体验画布v2。在构建业务问题、揭示假设和定义下一步要学习的内容时使用。
download12deployed_code—star1.8K
Skill 资源库
AI Skill 资源库
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
personjakexiao无需 Key
modern-frontend-design
如何设计和构建现代化、高品质的前端界面，使其看起来像高端SaaS产品、现代AI工具以及获奖的设计网站——而不是通用模板或过时布局。每当用户要求你构建前端、创建着陆页、设计仪表板、搭建网页应用UI、构建SaaS界面、创建个人站点，或是制作任何类型的面向用户的网络界面时，请使用这项技能。当用户说诸如“让它看起来更现代”、“为我构建一个漂亮的UI”、“为我的应用程序创建主页”、“设计价格页面”，或者提到…
download12deployed_code—star0
personjakexiao无需 Key
svelte5-best-practices
Svelte 5 的符文、代码片段、SvelteKit 模式以及 TypeScript 和组件开发的现代最佳实践。在编写、审查或重构 Svelte 5 组件和 SvelteKit 应用程序时使用。触发条件包括：Svelte 组件、符文（$state, $derived, $effect, $props, $bindable, $inspect）、代码片段（{#snippet}, {@render}…
download12deployed_code—star0
personjakexiao无需 Key
threejs-scene-builder
全面的Three.js和React Three Fiber技能，用于创建3D场景、角色、NPC、程序化生成、动画重定向以及互动体验。当用户要求“创建Three.js场景”、“设置React Three Fiber”、“添加3D角色”、“创建NPC AI”、“程序化3D生成”、“动画重定向”、“设置头像系统”或“创建3D游戏”时使用。
download12deployed_code—star5
personjakexiao无需 Key
moai-icons-vector
矢量图标库生态系统指南，涵盖10多个主要库
download12deployed_code—star4
personjakexiao无需 Key
figma
Figma REST API 用于访问设计文件、评论、组件和项目。使用此技能可以读取文件内容、导出图像、管理评论并与 Figma 工作区集成。
download12deployed_code—star4
personjakexiao无需 Key
ui-ux-pro-max
57种UI样式 + 95种调色板 + 56种字体搭配 + 24种图表 + 98条UX指南。Motor BM25用于智能搜索。
download12deployed_code—star4
personjakexiao无需 Key
shadowrun-aesthetic
将Shadowrun赛博朋克美学应用于UI组件。在构建角色表、创建卡片、装备面板、模态对话框或任何SR主题的界面元素时使用。结合系统化的工艺原则与第六世界的独特视觉语言。
download12deployed_code—star5
personjakexiao无需 Key
angular-best-practices-legacy
Angular 12-16 性能优化指南，包括使用 NgModules、RxJS 模式和经典模板语法（*ngIf, *ngFor）。适用于维护或处理 pre-v17 版本的 Angular 代码库。当任务涉及 Angular 组件、服务、模块或在遗留项目中进行性能改进时触发。
download12deployed_code—star19
personjakexiao无需 Key
dexiejs
构建和维护基于IndexedDB的离线优先Web应用程序的Dexie.js数据层。当任务涉及Dexie设置、模式/索引设计、CRUD/查询实现、事务处理、实时查询、迁移或在Vanilla JS、React、Next.js、TanStack Start、Svelte或SvelteKit中的调试时使用。
download12deployed_code—star0
personjakexiao无需 Key
awwwards-animations
专业React动画技能，用于使用GSAP（useGSAP）、Motion（Framer Motion）、Anime.js和Lenis创建Awwwards/FWA级别的动画。适用于构建高级滚动体验、自定义光标、页面过渡、文本动画、视差效果、微交互或任何需要达到60fps且值得获奖的动画。在请求平滑滚动、ScrollTrigger、磁性效果、揭示动画、水平滚动、固定部分、交错效果、useScroll、…
download12deployed_code—star2
personjakexiao无需 Key
flutter-ui
UI性能、设计令牌、可重用组件与自适应设计
download12deployed_code—star14
personjakexiao无需 Key
vega
使用Vega-Lite（简单）和Vega（高级）创建数据驱动的图表。最适合条形图、折线图、散点图、热力图、面积图以及多系列分析。当您拥有需要统计可视化的数值数据数组时，请使用它。Vega适用于雷达图和词云。不适用于流程图（请使用mermaid）或快速KPI卡片（请使用信息图）。
download12deployed_code—star4
personjakexiao无需 Key
mockup-to-code
在将UI原型、屏幕截图、Figma/Sketch设计、线框图或从设计系统构建组件库转换为可用于生产的代码时使用
download12deployed_code—star4
personjakexiao无需 Key
artifacts-builder
一套使用现代前端Web技术（React、Tailwind CSS、shadcn/ui）创建复杂、多组件claude.ai HTML工件的工具。适用于需要状态管理、路由或shadcn/ui组件的复杂工件 - 不适用于简单的单文件HTML/JSX工件。
download12deployed_code—star4
personjakexiao无需 Key
ui-ux-pro-max
适用于网页和移动端的前端UI/UX设计最佳实践。当用户询问有关设计、创建或更新前端页面/组件、着陆页、仪表板、管理面板、电子商务、SaaS、作品集、博客、移动应用或与前端相关的设计时使用。
download12deployed_code—star6
personjakexiao无需 Key
angular-css-bem-best-practices
Angular + BEM CSS 方法论指南，用于创建可重用组件和可共享的前端代码。强制执行组件范围内的BEM块、最多2级嵌套、正确的组件分解、语义化元素命名、正确的修饰符模式和平坦的选择器。在编写、审查或重构Angular组件样式时使用。触发于涉及CSS、SCSS、SASS、组件样式、BEM命名或CSS架构的任务。
download12deployed_code—star19
personjakexiao无需 Key
inference-agent-ui
使用shadcn注册组件（Agent、Thread、PromptInput、Response、Tool和小部件）在React或Next.js项目中通过ui.inference.sh构建代理聊天界面。可用于涉及AI聊天用户体验实现、工具驱动的小部件渲染、Vercel AI SDK流协议连接或inference.sh运行时uiTransform集成的任务。
download12deployed_code—star0
personjakexiao无需 Key
designer
为UI模型/线框图、响应式HTML/CSS构建、品牌套件和演示文稿设计助手。当Codex需要提出视觉方向、布局屏幕、起草或精炼页面/组件的HTML/CSS、组装品牌套件（调色板、字体、语调、标志方向）或根据视觉指导和演讲者备注来规划幻灯片时触发。
download12deployed_code—star0
personjakexiao无需 Key
agent-canvas
用于网页的交互式元素选择器。打开带有点击选择UI覆盖层的浏览器。当您需要让用户直观地选择DOM元素、识别元素选择器或交互式获取详细元素信息时使用。触发条件为“选择一个元素”、“挑选元素”、“让我选择”、“哪个元素”，或任何交互式的元素选择任务。与agent-eyes集成以提供视觉上下文。
download12deployed_code—star4
personjakexiao无需 Key
design-md
分析Stitch项目并将语义设计系统综合到DESIGN.md文件中
download12deployed_code—star4
personjakexiao无需 Key
ui-design
专业的UI设计和前端界面指南。在创建网页、小程序界面、原型或任何需要独特且生产级设计并具有出色美学质量的前端UI组件时使用此技能。
download12deployed_code—star4
personjakexiao无需 Key
awesome:web-artifacts-builder
一套使用现代前端网页技术（React、Tailwind CSS、shadcn/ui）创建复杂多组件claude.ai HTML工件的工具套件。适用于需要状态管理、路由或shadcn/ui组件的复杂工件 - 不适用于简单的单文件HTML/JSX工件。
download12deployed_code—star4
personjakexiao无需 Key
web-design-guidelines
审查UI代码是否符合Web界面指南。在被要求时使用
download12deployed_code—star6