Skill 资源库

AI Skill 资源库

把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。

personjakexiao无需 Key

auth-flow-validation

前端与后端之间的认证流程验证。涵盖JWT、OAuth2、令牌刷新以及会话管理同步。使用场景:当用户询问“认证集成”、“JWT验证”、“令牌刷新”、“401错误处理”、“认证流程”、“登录集成”。不适用于:安全审计 - 请使用安全技能,OAuth提供者设置 - 请使用认证技能

download11deployed_codestar2
personjakexiao无需 Key

webrtc

WebRTC点对点通信。信令、ICE/STUN/TURN、媒体流、数据通道、屏幕共享以及SFU集成(mediasoup, LiveKit)。使用场景:当用户提到"WebRTC"、"视频通话"、"点对点"、"P2P"、"屏幕共享"、"数据通道"、"STUN"、"TURN"、"mediasoup"、"LiveKit"时。不适用于:服务器到客户端的流媒体传输 - 请使用`sse`;聊天消息 - 请使用`…

download11deployed_codestar2
personjakexiao无需 Key

yup

Yup模式验证库。与Formik一起用于表单验证时非常流行。在使用React/Formik构建表单或需要基于模式的验证时使用。使用场景:用户提到“Yup”、“Formik验证”,询问关于“yup模式”、“Formik设置”、“表单验证库”。不适用于:Zod项目(应使用zod技能),NestJS/class-validator(应使用class-validator技能),新项目(优先选择Zod)

download11deployed_codestar2
personjakexiao无需 Key

vite-react-best-practices

全面的React和Vite单页应用性能、架构及部署指南。在构建、审查或重构使用Vite构建的React应用程序(SPA)时运用此技能。涵盖Vite特定的构建配置、静态托管需求以及核心的React性能模式。

download11deployed_codestar3
personjakexiao无需 Key

clerk-custom-ui

自定义认证流程和组件外观 - 钩子(useSignIn, useSignUp),主题,颜色,字体,CSS。用于自定义登录/注册流程、外观样式、视觉定制、品牌化。

download11deployed_codestar27
personjakexiao无需 Key

threejs-fundamentals

Three.js场景设置、摄像机、渲染器、Object3D层次结构、坐标系统。在设置3D场景、创建摄像机、配置渲染器、管理对象层次结构或处理变换时使用。

download11deployed_codestar1.8K
personjakexiao无需 Key

plone-expert-developer

专家级Plone 6和Volto开发指南。涵盖后端(Python、Dexterity、plone.restapi)和前端(React、Volto、Blocks)的内容。

download11deployed_codestar5
personjakexiao无需 Key

UI Wireframing

当用户要求“创建线框图”、“设计布局”、“规划UI结构”、“绘制组件布局”、“创建WIREFRAME.md”、“移动优先的线框图”,或者在实现前提到ASCII线框图、布局规划或UI结构时,应使用此技能。提供移动优先的ASCII线框图方法论,在编写代码之前可视化布局。

download11deployed_codestar5
personjakexiao无需 Key

react-suspense

React Suspense用于数据获取、代码分割和异步操作。涵盖Suspense边界、延迟加载、流式SSR、错误边界、支持Suspense的数据库以及渐进加载模式。使用时机:当用户提到“Suspense”、“延迟加载”、“React.lazy”、“代码分割”、“流式SSR”、“加载状态”,或者询问关于“异步组件”、“回退UI”的信息时。不适用于:React 17及更早版本(有限的Suspense…

download11deployed_codestar2
personjakexiao无需 Key

socket-io

Socket.IO 实时双向通信。房间、命名空间、确认、中间件、使用 Redis 适配器进行扩展以及 TypeScript 类型。使用场景:用户提到“Socket.IO”、“socket.io”、“实时聊天”、“实时更新”、“双向 WebSocket”、“房间”、“命名空间”。不适用场景:SSE(服务器发送事件)- 使用 `sse`;WebRTC - 使用 `webrtc`;没有 Socket.I…

download11deployed_codestar2
personjakexiao无需 Key

skeleton

Skeleton UI组件库适用于Svelte应用程序。基于Tailwind CSS构建,提供全面的主题、设计令牌和可访问组件。包含布局、表单、数据展示和导航的专业模式。使用时机:用户提到“Skeleton UI”、“Skeleton Svelte”,询问关于“Svelte组件库”、“Tailwind + Svelte”、“Skeleton组件”、“Svelte设计系统”、“Skeleton主题”…

download11deployed_codestar2
personjakexiao无需 Key

cleanslice

适用于NestJS + Nuxt全栈应用的CleanSlice架构。可用于垂直切片功能、网关模式、Provider.vue、Pinia存储、DTOs或任何CleanSlice项目工作。

download11deployed_codestar0
personjakexiao无需 Key

ui-patterns

适用于React + TailwindCSS的UI设计模式。在创建新的UI组件、样式元素、实现暗黑模式支持,或处理任何需要一致样式的React组件时使用。

download11deployed_codestar7
personjakexiao无需 Key

claude-ui

完整的Claude.ai用户界面克隆:Next.js 16 + Tailwind v4。精确的代币,全部19个流程,侧边栏,聊天输入,消息,设置,登录,引导,计费,制品。PageFlows 2025年7月。

download11deployed_codestar0
personjakexiao无需 Key

gluestack-nativewind

此技能强制执行Gluestack UI v3和NativeWind v4设计模式,以实现一致、高效且可维护的样式。在创建或审查组件、修复样式问题或重构样式以遵循受限的设计系统时应使用此技能。

download11deployed_codestar1
personjakexiao无需 Key

fbp-graph-editor

受Houdini启发的基于React构建的流式编程图形编辑器。在构建或自定义可视化图形编辑器时使用,与@fbp/graph-editor包一起工作。

download11deployed_codestar0
personjakexiao无需 Key

react-forms

React表单处理模式和最佳实践。涵盖了受控与非受控表单、React Hook Form、表单验证、复杂的表单模式以及服务器操作表单。使用场景:当用户提到“React表单”、“受控输入”、“非受控输入”、“表单验证”、“多步骤表单”,或询问有关“表单处理”、“表单状态”、“React Hook Form基础”的问题时。不适用于:与Zod一起使用的React Hook Form - 请改用`reac…

download11deployed_codestar2
personjakexiao无需 Key

swr

SWR - 用于数据获取的React hooks,并带有缓存功能。对于简单的数据获取需求,它是TanStack Query的一个轻量级替代方案。使用场景:当用户提到'swr'、'stale-while-revalidate'、'useSWR',或者询问关于'简单数据获取'、'实时数据'、'自动重新验证'、'轻量级缓存'、'Vercel数据获取'时。不适用于:Vue应用 - 应该使用`pinia`或…

download11deployed_codestar2
personjakexiao无需 Key

ui-humanizer

将AI生成的网页界面转换为具有人性化、专业化的界面。在审查或重构看起来通用、模板化或“AI生成”的前端代码时使用。触发词包括:“人性化界面”、“修复通用设计”、“使界面看起来更专业”、“移除界面中的AI痕迹”、“为界面添加个性”、“去模板化设计”、“真实设计”。应用5层真实性堆栈来检测并修复HTML/CSS/JS/React/Vue/Svelte代码中的视觉、交互、布局、文案和用户体验问题。

download11deployed_codestar1
personjakexiao无需 Key

lamdera-app-implementation

用于构建、修改、运行、调试、检查或部署Lamdera应用程序。强制执行以Lamdera为先的决策,对初学者友好的Elm指导,以及必要的验证关卡。

download11deployed_codestar0
personjakexiao无需 Key

ultimateuiux

终极UI/UX设计智能,具备真实的应用流程知识。93种样式、121个调色板、81组字体搭配、35种图表、79个组件、62种动画、65项WCAG标准、46种响应式模式、46条暗黑模式规则、60个设计令牌、13套堆栈。此外:Claude.ai的完整UI蓝图(19个流程,所有屏幕)、PageFlows应用模式。动作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查、克隆、重新创建、…

download11deployed_codestar0
personjakexiao无需 Key

litestar-vite-typegen

配置并运行litestar-vite类型生成(TypeGenConfig和InertiaTypeGenConfig),导出路由/OpenAPI/模式,并在前端使用生成的TypeScript。在添加或排查生成的类型、SDK、路由或Inertia页面属性问题时使用。

download11deployed_codestar8
personjakexiao无需 Key

babylonjs

Babylon.js 8 3D引擎开发专业知识,包括精心策划的API模式、代码示例和按需文档访问。当使用Babylon.js场景、网格、材质(PBR/标准)、摄像机、灯光、阴影、GUI(2D/3D)、动画、物理(Havok)、薄实例、glTF加载、后期处理、WebXR或任何3D渲染任务时,请使用此资源。涵盖内容:(1) 场景设置与引擎初始化(WebGL/WebGPU),(2) 网格创建、变换、实例…

download11deployed_codestar6