分享到微信

当前解读页的微信分享二维码

用微信扫一扫打开,点击右上角「···」分享给朋友或朋友圈。

手机上可截屏后,在微信扫一扫中从相册识别二维码。

benjitaylor/skills

开发工具

为 AI 编程代理提供可安装的技能包,让代理用 React 制作产品 UI 演示和动效画面。

213
9
TypeScript
创建于 6 天前

项目介绍

Skills 是一组供 AI 编程代理使用的技能包,目前聚焦设计与动效工作。首个发布的技能是 Stageshow,帮助代理生成模仿真实产品的拟真 UI:静态图、功能卡片、光标演示和便当网格,均基于 React 构建。该技能包内置了构图与动效指导、可复制的素材套件、示例,以及把结果渲染出来供代理自行检查的工具。

适合已经在使用编程代理、希望稳定产出可展示产品界面示意图的人。技能本身以指令文件形式提供,输出效果取决于代理是否遵循这些指令。

安装与使用

前提:本机可用 npx(需要 Node.js),使用支持加载技能的编程代理,并准备一个让代理运行的现有项目。

  1. 在项目目录中安装技能:

    npx skills add benjitaylor/skills --skill stageshow
    
  2. 让代理使用刚安装的技能,按你的需求绘制界面。技能说明中包含布局、动效以及用于自检的渲染步骤。

  3. 直接检查生成的 React 代码,或使用技能自带的拍摄工具录制结果。

产物由代理的本次运行生成,仓库本身不提供可直接打开预览的独立应用。工作原理和设计思路见 How it works,可浏览的示例见 Stageshow 预览。

使用约束

技能依赖通过 skills 命令行加载技能的方式,资料中未记录其他接入方式。Stageshow 面向 React 工作流,并需要代理执行内置的渲染与拍摄工具来核对自己产出的结果;如果代理不具备执行命令或浏览器相关能力,这一步可能无法完成。

仓库未声明顶层许可证。每个技能自带许可证和第三方素材声明,再分发前需查看对应技能的说明。除 npx 命令外,项目未说明支持哪些平台。

HotRepo 点评

该仓库创建于 2026-10-26,2026-11-01 进入 HotRepo 新项目榜,记录到约六小时窗口内净增 113 Star;站内尚无其 GitHub 日榜名次记录。当天 03:45 至 09:45 UTC 之间,Star 从 100 增长到 213,但仅有这一天的采样,不足以判断趋势。

它的价值点小而具体:把设计与动效经验打包成代理可读的指令,而不是做成组件库。这让读者能通过示例和技能文件快速评估,但产出质量也取决于各代理对指令的遵循程度,仓库资料并未跨代理测量这一点。

本文由 AI 根据项目 README 生成,更新于 ,以项目官方文档为准。