跳到正文
cccskills
免费在 GitHub 公开中文介绍

kanban-board

用HTML制作单屏看板原型，将任务卡片分为待办、进行中、审核中和已完成四列，展示负责人、预估点数、筛选搜索、迭代进度及受阻任务。

原文查看原文说明

Kanban / task board with columns (To do / In progress / In review / Done), draggable-looking cards, assignee avatars, swimlanes, and a top filter bar. Use when the brief mentions "kanban", "task board", "sprint board", "trello", "看板".

nexu-io/open-design
集成工具Trello
AI 评分90分/ 100查看安装方法

适用场景

  • 制作团队迭代看板原型
  • 设计负责人和预估点数总览
  • 探索带筛选与搜索的看板布局
  • 设计进度和受阻任务展示

中文介绍

功能

用HTML制作一个按状态排列团队任务的单屏看板原型。卡片分布在待办、进行中、审核中和已完成四列，显示标签、负责人头像及预估点数等信息。顶部设有成员和标签筛选以及搜索框，侧栏展示迭代进度和受阻任务。

适用场景

适合探讨团队迭代看板的设计，或设计能够一览负责人和工作状态的页面。可以指定团队名称、迭代编号和成员构成，制作具体的界面方案，用于考虑任务信息在一屏中的呈现方式。

使用示例

  • “请为一个五人团队制作迭代进行到一半时的看板页面。”
  • “请排列任务卡片，并显示负责人和预估点数。”
  • “请添加侧栏，显示进度条和受阻任务。”

注意事项

制作时会参考DESIGN.md，其中规定配色、字体、布局和组件的设计方针。成果是HTML界面原型，资料仅将卡片描述为具有可拖动的外观。实际拖动操作、任务保存，以及与外部服务的集成均未在资料中说明。

本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么
A良好明确说明在看板或迭代任务板需求下制作单屏HTML页面。
步骤具体性步骤、输入输出和示例是否具体
A良好规定了四列、每列三至六张卡片、显示字段和HTML输出格式。
安全性发送数据、删除文件、执行命令等是否有说明
A良好步骤包括参考DESIGN.md和制作HTML，没有外部发送或删除指令。
安装难易度所需工具和 API 密钥是否少且有说明
B部分不足要求已有DESIGN.md，但未说明如何准备或创建该文件。

总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI（OpenAI Codex）于 2026年10月20日 评估。仅供参考，安装前请同时查看原文。

如果您认为评估有误，请申请复核

请写明哪一项有误以及原因。无需登录。我们会对照 SKILL.md 重新评估，并在此处更新结果。

此表单受 reCAPTCHA 保护，适用 Google 的隐私权政策和服务条款。

包含的文件（2）

  • SKILL.md1.5 KB
  • example.html16.1 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

Kanban Board Skill

Produce a single-screen kanban board.

Workflow

  1. Read the active DESIGN.md.
  2. Identify squad name, sprint number, columns, and member roster from the brief.
  3. Layout:
    • Top bar: project crumb, sprint chip, filter row (members, labels, status), search.
    • 4 columns: Backlog, In progress, In review, Done. Each column has a count chip and an "+ add" affordance.
    • 3–6 cards per column. Each card: tag chip, title, assignee avatar, point estimate, progress (if applicable).
    • Sidebar (collapsible feel): "Sprint pulse" with progress bar, top assignees, blocked-tickets callout.
  4. One inline <style>, semantic HTML.

Output contract

<artifact identifier="kanban-board" type="text/html" title="Sprint Board">
<!doctype html>...</artifact>

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护，适用 Google 的隐私权政策和服务条款。

同一仓库的技能

8-bit-orbit-video-template

免费有简介AI 评分 90分

使用Hyperframes的HTML模板制作复古像素风格的三场景视频，替换标题、标签和配色，同时保留场景转换节奏及可重复的动画时序。

  • 制作像素风格的介绍视频
  • 替换三场景视频中的内容
  • 通过HTML预览场景转换
nexu-io/open-design10.3万2026年10月23日 更新

ad-creative

免费有简介AI 评分 80分

为社交媒体广告和搜索广告撰写标题、说明及正文，并反复调整措辞。可用于准备广告文案备选版本，以及检查现有文案并考虑修改方案。

  • 撰写社交媒体广告标题
  • 准备搜索广告说明
  • 修改广告正文措辞
nexu-io/open-design10.3万2026年10月23日 更新

after-hours-editorial-template

免费有简介AI 评分 80分

以深色背景和衬线字体制作时尚杂志风格的三页动态展示，结合文字逐步显现与章节转场，最终生成内嵌CSS和JavaScript的单个HTML文件。

  • 制作时尚杂志风格的动态介绍
  • 用三页展示简短故事
  • 将现有品牌风格融入深色版面
nexu-io/open-design10.3万2026年10月23日 更新

agent-browser

免费有简介AI 评分 100分

通过浏览器查看页面，执行点击、输入、截图和信息提取。主要用于检查OpenDesign的本地预览，以及核查网页应用的运行情况与质量。

  • 检查OpenDesign本地预览
  • 测试网页应用的点击和输入
  • 截取页面或元素图像
nexu-io/open-design10.3万2026年10月23日 更新

ai-music-album

免费有简介AI 评分 80分

用于AI音乐专辑制作，涵盖概念构思、歌词初稿、曲目排序和导出，适合独立专辑实验或品牌音乐企划；完整制作流程需另行安装上游资源包。

  • 策划独立制作的专辑
  • 围绕专辑主题起草歌词
  • 安排专辑曲目顺序
nexu-io/open-design10.3万2026年10月23日 更新

algorithmic-art

免费有简介AI 评分 80分

使用p5.js，根据计算规则与随机数创作生成艺术。固定随机种子即可重现相同画面，适合制作海报、表现动感的静态图像和艺术构图草案。

  • 根据规则制作海报
  • 创作具有动感的静态图像
  • 试验艺术作品的构图
nexu-io/open-design10.3万2026年10月23日 更新

查看 nexu-io 的全部技能

报告此技能的问题