← Back to home
Skill

product-board-prototype-designer-v1.0.0

tencent_skillhub · 1.0.0 · Downloads 203 · Heat 40.3

Introduction

产品看板原型设计Skill-说明.md 产品(看板)原型设计 Skill · 使用说明 中文名称:产品(看板)原型设计 Skill 英文名称:Product Board Prototype Designer 版本:v1.0.0 类型:用户级 Skill(~/.workbuddy/skills/product-board-prototype-designer) 一句话定位:把散落的产品数据,一键变成领导一眼看懂的单文件 HTML 看板原型。 一、它解决什么问题 你电脑里沉淀了大量与「产研管理看板」相关的产物:Excel 产品供给表、Python 生成脚本、各种 HTML 原型、规范文档、提示词库……但它们分散、风格不一、复用成本高。 本 Skill 把这些资产合并提炼成一套可复用的方法论 + 工具链: 输入:产品清单 / Excel / JSON / 调研 Markdown 输出:单文件 HTML 看板原型(双击即开、可分享、无需部署) 覆盖 7 类页型:总览驾驶舱、产品卡片矩阵、研发进度、路线图、治理一张图、机制一张图、能力树 二、适用场景 把产品清单 / 调研结果做成可视化看板 输出单文件 HTML 演示原型(大屏汇报 / 打印查阅) 设计产品卡片规范(在售 / 在研 / Roadmap 三类模板) 把「完成度百分比」改造为「研发阶段状态跟踪」 做产品线治理一张图、决策机制一张图、Agent 能力树 把多个看板合并为一份宽屏汇报演示 关键词触发:产品看板、管理看板、产品矩阵、看板原型、看板优化、roadmap、一张图、能力树、产品演示页。 三、文件结构(包内 10 个文件) product-board-prototype-designer/ ├── SKILL.md # 主入口:工作流、硬主张、规范速查、资源索引 ├── assets/ │ ├── theme.css # 双主题设计系统(深色科技 / 浅色精致) │ └── dashboard-template.html # 单文件看板骨架,替换 DATA 即可用 ├── references/ │ ├── design-system.md # 完整设计令牌、字号阶梯、组件清单 │ ├── card-spec.md # 在售/在研/Roadmap 三类卡片字段规范 │ ├── page-patterns.md # 7 类页型结构模板与代码骨架 │ ├── build-workflow.md # 7 阶段构建路径 + 实施提示词库 │ └── data-schema.md # Excel/JSON 字段约定与清洗规则 └── scripts/ ├── build_dashboard.py # Excel/JSON → 单文件 HTML 生成器 └── merge_boards.py # 多看板合并为宽屏汇报演示 四、安装方式 方式 A · 解压安装包(推荐给同事分发) 拿到 product-board-prototype-designer-v1.0.0.zip 解压到: 用户级:~/.workbuddy/skills/(对所有项目生效) 或项目级:<项目>/.workbuddy/skills/(团队共享) 解压后目录应为 skills/product-board-prototype-designer/SKILL.md,WorkBuddy 重启后自动识别。 方式 B · 直接用已安装版本 当前环境已安装到 ~/.workbuddy/skills/product-board-prototype-designer,直接对话调用即可(例如:"帮我用产品看板原型设计一个低空产品矩阵")。 五、快速上手 路径 A · 脚本生成(数据量 >15 条,推荐) # 依赖:pip install openpyxl(仅读 .xlsx 时需要) python scripts/build_dashboard.py \ --input 产品数据.xlsx \ --output 看板.html \ --title "产研管理看板" \ --pages overview,catalog,progress --input:.xlsx(自动识别「产品」「需求」sheet)或 .json --pages:启用页型,逗号分隔(省略=三 Tab 全开) 缺失字段自动渲染为「待补」,并在页脚输出字段完整度统计 路径 B · 直接手写(数据量小 / 想精修) 以 assets/dashboard-template.html 为骨架,把数据内联进 const DATA = {...},改标题和 Tab 即可,无需任何依赖。 合并多个看板(汇报前整合)

Resource Information

Author:user_2fbd40ab
Category:Multimedia
Version:1.0.0
Auth: No auth
Pricing: Not specified

License information is collected from official sources and may be outdated or missing. Refer to the LICENSE file in the original repository before commercial use.

Tags
视觉素材UI 设计

Information boundary

Information on this page is collected from official documents for technical presentation only and does not imply our endorsement. Pricing, quotas and availability are subject to the latest official statements. We make no commitment regarding any action you take after leaving this site.

Similar skills

视频短视频图片音乐音频配音口播数字人全能创作

Marked paid

通过同一个AI创作工具完成AI图片、视频、音乐与语音创作,查找公开社交数据,编辑视觉成果,并集中查看和管理生成资产。Beatra 全能创作支持AI图片生成(文生图)、AI视频生成(图生视频)和AI视频编辑,通过AI音乐生成把想法做成歌曲或纯音乐,也可用AI语音生成(文字转语音)、多语言旁白和AI语音克隆完成跨媒介内容;还能查找抖音数据、小红书数据,以及 YouTube、TikTok、Instagram 与 X 上的公开帖子、笔记、评论、账号和趋势,把社交媒体数据用于竞品调研和创作。它是一款面向AI内容创作与多模态内容创作的AI创作套件,用起来就是一个把图片、视频、音乐与语音收在同一处的AI创作助手,适用于社交内容、产品展示、营销素材、课程、播客、短片和跨媒介项目;还能在不同媒介间复用原始素材、已有成果和查到的公开资料,查看制作进度、返回文件、实际用量和积分记录。

AI数字人口播与虚拟主播视频

Marked paid

用一张人像和一段短脚本或语音,制作有明确讲述内容的数字人口播视频。可使用现成录音,也可以先选择音色,把脚本生成旁白,让画面中的人物随声音完成稳定、自然的口播。适合 AI 主播、虚拟主播视频、数字人讲解、让照片说话、照片说话视频、产品讲解视频、数字人培训视频、公告和社交口播,并在交付后检查人物一致性、声音清晰度、口型同步和动作稳定性。

罗斯蒙德可视化图形生成

Not specified

【罗斯蒙德可视化图形生成】南京罗斯蒙德基于已交付项目沉淀的可视化图形生成场景:根据业务描述或系统需求,自动生成可编辑的架构图、流程图、ER 图、时序图、状态图与 C4 图。采用「统一图模型」一次建模、多格式输出:结构化文本(Mermaid / PlantUML,可嵌入 Markdown、进 Git 版本管理)、可编辑图形文件(drawio / Excalidraw,可拖拽修改节点与样式)、静态图(SVG 自渲染,PNG 给转换命令),并输出图形说明(图的含义 + 关键节点解释)。内置样式系统统一配色与命名,内置布局引擎自动排布,校验脚本拦截孤立节点、悬挂连线与语义缺漏。触发词:画架构图、画流程图、画 ER 图、画时序图、画状态图、C4 图、系统架构图、部署架构图、数据流程图、实体关系图、生成 drawio、生成 Excalidraw、导出 mermaid、导出 PlantUML、导出 SVG、导出 PNG、可编辑的图、图转可编辑、架构图可编辑、流程图二次修改、画图、出图、画个图。

架构图一键生成

Marked paidAPI key required

使用 ContextWeave 生成或修改架构图、流程图、思维导图和复杂信息图。适用于需要从代码、文件或自然语言中提取结构与关系并实际产出 CW、SVG、HTML、可编辑 PPTX 或原生 VSDX 的请求;未特别说明时,PPTX 与 Visio 使用原生形状和连接器导出。不适用于统计图表、手绘插画或像素级排版。

AI Image Prompts · 绘画提示词库

Marked free

Recommend curated prompts from a 10,000+ real-world image generation prompt library. Works with ANY AI image model — Nano Banana Pro, Nano Banana 2, Seedream 5.0, GPT Image 1.5, Midjourney, DALL-E 3, Flux, Stable Diffusion, and more. Use this skill when users want to: - Find proven image generation prompts (any model) - Get prompt inspiration for portraits, products, social media, posters, etc. - Create illustrations for articles, videos, podcasts, or marketing content - Browse categorized prompt templates with sample images - Translate and understand prompt techniques

架构图一键生成

Marked paidAPI key required

使用 ContextWeave 生成或修改架构图、流程图、思维导图和复杂信息图。适用于需要从代码、文件或自然语言中提取结构与关系并实际产出 CW、SVG、HTML、可编辑 PPTX 或原生 VSDX 的请求;未特别说明时,PPTX 与 Visio 使用原生形状和连接器导出。不适用于统计图表、手绘插画或像素级排版。

What is a Skill

A Skill is a packaged single capability, such as text recognition, document summarization, or keyword extraction. Developers wrap the calling logic and prompts into a plugin-like unit, so users can load it without understanding the underlying model. StackPilot indexes a large number of skills that can be tried instantly or assembled into a plan.