shield_lock
金大哥
Skill 资源库

AI Skill 资源库

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

hubgithubexpand_more
全部来源clawhubcommunityenterprisegithubcheckModelScopeOpenAPI
sort下载量expand_more
下载量check安装量星标数最近更新名称
key全部expand_more
全部check无需 Key需要 Key
personjakexiao无需 Key

design-tokens-extraction

通过MCP服务器从Figma、Sketch和Penpot设计文件中提取设计令牌（颜色、字体、间距、阴影）并将其标准化为W3C格式

download10deployed_code—star6
查看详情资源包
personjakexiao无需 Key

kymera-brand

Kymera Systems品牌设计 - 受Jarvis启发的HUD美学，包含暗色和亮色模式。用于品牌UI、仪表板、演示文稿和技术资料。

download10deployed_code—star0
查看详情资源包
personjakexiao无需 Key

react-router-v7-app

实现React Router v7应用程序结构、路由模式和组件模板。在创建或修改React Router v7应用程序时使用，以确保一致的文件夹结构、数据加载模式和组件架构。

download10deployed_code—star0
查看详情资源包
personjakexiao无需 Key

ux-journey-definition

在UI原型设计之前，定义一个实用的、以故事为主导的产品体验。当您需要一个规范的文档来解释用户看到的内容、他们可以做什么以及屏幕如何转换时，请使用此方法。

download10deployed_code—star18
查看详情资源包
personjakexiao无需 Key

wordpress-block-theming

WordPress全站编辑(FSE)主题架构。在为WordPress块主题生成theme.json、块模板、模板部分、模式和functions.php时使用。

download10deployed_code—star44
查看详情资源包
personjakexiao无需 Key

threejs-webgl

全面的Three.js 3D网页开发技能。在构建交互式3D场景、WebGL/WebGPU应用程序、产品配置器、3D可视化或沉浸式网络体验时使用此技能。适用于涉及Three.js、3D渲染、场景、摄像机、网格、材质、灯光、动画、纹理或WebGL/WebGPU渲染的任务。

download10deployed_code—star0
查看详情资源包
personjakexiao无需 Key

typescript-react-standards

来自Avant Media的有观点的TypeScript和React开发标准。在搭建新组件、代码审查、编写TypeScript接口或类型、设置项目结构、创建React钩子，或处理任何TypeScript/React代码库时使用。当用户询问有关TypeScript或React项目的最佳实践、模式或约定时也应使用，即使他们没有明确提到“标准”。

download10deployed_code—star0
查看详情资源包
personjakexiao无需 Key

design-to-swiftui

将Figma、Sketch或Penpot中的设计规范转换为带有适当修饰符和主题集成的SwiftUI视图代码

download10deployed_code—star6
查看详情资源包
personjakexiao无需 Key

convert-haskell-elm

将Haskell代码转换为惯用的Elm代码。在将Haskell逻辑迁移到前端应用程序、将纯函数式模式转换为Elm架构，或为Web UI重构Haskell代码时使用。扩展了meta-convert-dev，增加了Haskell到Elm的特定模式。

download10deployed_code—star6
查看详情资源包
personjakexiao无需 Key

astro

使用Astro项目所需的技能。包括CLI命令、项目结构、核心配置选项和适配器。当用户需要使用Astro或提到Astro时，使用此技能。

download10deployed_code—star1
查看详情资源包
personjakexiao无需 Key

react-router-file-routes

React Router v7 基于文件的路由约定参考指南。在创建或组织 React Router v7 项目中的路由、命名路由文件，或者处理动态段、嵌套路由、无路径布局、可选段、通配符路由以及基于文件的路由中的特殊字符时使用。

download10deployed_code—star0
查看详情资源包
personjakexiao无需 Key

preact-buildless-frontend

无需构建的ESM前端，可以直接在浏览器中运行而无需打包工具。在创建静态前端、无构建工具的单页应用、原型或用户明确表示不希望使用Vite/Webpack/打包工具时使用此技能。涵盖导入映射、CDN导入、缓存破坏、哈希路由和性能模式等内容。

download10deployed_code—star3
查看详情资源包
personjakexiao无需 Key

nexus-sdk-integration

在任何JS/TS前端项目（React/Next/Vite等）中集成Avail Nexus SDK的端到端指导。当需要集成、初始化或连接Nexus SDK流程（桥接、转账、执行、交换）、钩子、事件、余额、支持的链/代币或格式化工具时使用。

download10deployed_code—star6
查看详情资源包
personjakexiao无需 Key

drawio-diagrams

专业的 DrawIO 图表生成工具，使用 Material Design 配色和圆角矩形风格。支持 (1) 算法/数据结构图 - DP 状态转移、递归树、排序过程、双指针/滑动窗口 (2) 架构图 - 系统架构、微服务、网络拓扑、组件依赖 (3) 流程图/时序图 - 业务流程、决策流程、审批流程 (4) UML/ER 图 - 类图、实体关系、用例图。当用户提到 "drawio"、"draw.io"…

download10deployed_code—star1
查看详情资源包
personjakexiao无需 Key

remotion-transitions

当用户要求创建自定义的Remotion转场效果，询问关于“酷炫转场”、“电影级转场”、“条纹转场”、“故障转场”、“自定义TransitionPresentation”，或者想要在Remotion中构建超出内置库的场景间转场时，应使用此技能。同样适用于“如何在Remotion中制作转场”、“自定义转场”、“高能量转场”、“能量转场”、“品牌化转场”。

download10deployed_code—star48
查看详情资源包
personjakexiao无需 Key

dnd-kit-implementation

使用dnd-kit库实现可排序和可放置组件的指南。在构建需要拖放功能的React应用程序时使用此技能，这些应用既需要容器重新排序（useSortable）能力也需要项目放置（useDroppable）能力，例如看板、文件管理系统或播放列表编辑器。

download10deployed_code—star0
查看详情资源包
personjakexiao无需 Key

frontend-playbook

以太坊dApps从构建到生产的完整流程。包括分叉模式设置、IPFS部署、Vercel配置、ENS子域名设置以及完整的生产检查清单。围绕Scaffold-ETH 2构建，但适用于任何以太坊前端项目。在将任何dApp部署到生产环境时使用。

download10deployed_code—star149
查看详情资源包
personjakexiao无需 Key

markmap-viz

从markdown创建交互式思维导图可视化 - 网络清单、OSPF区域、BGP拓扑、安全审计结果

download10deployed_code—star301
查看详情资源包
personjakexiao无需 Key

babylonjs-engine

Babylon.js 3D网页渲染引擎的全面技能。在构建实时3D体验、基于浏览器的游戏、交互式可视化或沉浸式网络应用程序时使用此技能。当任务涉及Babylon.js、3D场景、WebGL/WebGPU渲染、实体-组件系统、物理模拟、PBR材质、阴影映射或3D模型加载时触发。是带有内置编辑器集成和游戏引擎功能的Three.js替代品。

download10deployed_code—star0
查看详情资源包
personjakexiao无需 Key

power-stack

Bun/Elysia/React/MUI 单代码库堆栈蓝图。在搭建新项目、向单代码库中添加新的应用或包、选择依赖项或做出架构决策时使用。包含了完整的技术栈、约定和连接模式。

download10deployed_code—star0
查看详情资源包