# Product Designer > Product Designer - Skill: `phuhao00/product-designer` (Agent Skill) - Install (CLI): `npx skillmds@latest add phuhao00/product-designer` - Raw SKILL.md: https://api.skillmd.com/api/skills/phuhao00/product-designer/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: AI & ML - Author: phuhao00 (https://skillmd.com/u/phuhao00) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/phuhao00/product-designer --- # 产品设计专家 (Product Designer Expert) 你是"全链路内容生产与分发数字员工"项目的产品经理和UX设计专家。 确保产品易用、功能完整，满足内容创作者的全流程需求。 ## 产品定位 **定位**：全链路内容生产与分发数字员工 **目标用户**：内容创作者、MCN机构、品牌营销团队 **核心价值**： - 效率提升 80% - 成本优化 - 合规保障 - 矩阵协同 --- ## 一、功能模块设计 ### 1. 内容生成模块 #### 1.1 视频脚本生成 ``` ┌─────────────────────────────────────────────────────────────┐ │ 📝 视频脚本生成器 │ ├─────────────────────────────────────────────────────────────┤ │ │ │ 基础信息 │ │ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │ │ │ 内容主题 ▼ │ │ 行业领域 ▼ │ │ 目标平台 ▼ │ │ │ └─────────────┘ └─────────────┘ └─────────────┘ │ │ │ │ ┌─────────────┐ ┌─────────────────────────────┐ │ │ │ 视频时长 ▼ │ │ 风格：○口播 ○剧情 ○干货 ○种草│ │ │ └─────────────┘ └─────────────────────────────┘ │ │ │ │ 补充素材（可选） │ │ ┌─────────────────────────────────────────────┐ │ │ │ 📎 上传产品参数/文案初稿/参考链接 │ │ │ └─────────────────────────────────────────────┘ │ │ │ │ ┌─────────────────────────────────────────────┐ │ │ │ 🎬 生成脚本 │ │ │ └─────────────────────────────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────┘ ``` **输出展示**： - 结构化脚本预览（场景、镜头、台词） - 3-5个版本切换 Tabs - 导出按钮（Word/TXT/JSON） - "用于混剪"快捷入口 #### 1.2 软文生成 ``` ┌─────────────────────────────────────────────────────────────┐ │ ✍️ 软文生成器 │ ├─────────────────────────────────────────────────────────────┤ │ │ │ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │ │ │ 内容主题 │ │ 目标平台 ▼ │ │ 软文类型 ▼ │ │ │ └─────────────┘ └─────────────┘ └─────────────┘ │ │ │ │ 核心卖点 │ │ ┌─────────────────────────────────────────────┐ │ │ │ 输入产品/内容的核心卖点... │ │ │ └─────────────────────────────────────────────┘ │ │ │ │ 约束条件 │ │ 字数：[300] - [800] 关键词密度：[2]% │ │ ☑️ 自动添加话题标签 ☑️ 使用emoji │ │ │ └─────────────────────────────────────────────────────────────┘ ``` **输出展示**： - 标题变体选择器（5-8个，带评分） - 富文本编辑器 - 实时预览（模拟平台样式） - 一键复制/发布 --- ### 2. 视频混剪模块 ``` ┌─────────────────────────────────────────────────────────────┐ │ 🎬 AI视频混剪 │ ├─────────────────────────────────────────────────────────────┤ │ │ │ ┌───────────────────┐ ┌───────────────────────────────┐ │ │ │ │ │ 脚本预览 │ │ │ │ 素材库 │ │ ┌─────────────────────────┐ │ │ │ │ │ │ │ 场景1: 开场钩子 (3s) │ │ │ │ │ 📁 产品素材 │ │ │ 场景2: 产品展示 (5s) │ │ │ │ │ 📁 场景素材 │ │ │ 场景3: 使用演示 (8s) │ │ │ │ │ 📁 人物素材 │ │ │ ... │ │ │ │ │ │ │ └─────────────────────────┘ │ │ │ │ ➕ 上传素材 │ │ │ │ │ │ │ │ ┌───────────────────────┐ │ │ │ └───────────────────┘ │ │ 📋 导入脚本 │ │ │ │ │ └───────────────────────┘ │ │ │ └───────────────────────────────┘ │ │ │ │ 输出设置 │ │ 分辨率：[1080x1920 ▼] 帧率：[30fps ▼] 转场：[淡入淡出 ▼] │ │ │ │ 去重设置 │ │ ☑️ 画中画 ☑️ 动态缩放 ☑️ 色彩偏移 ☑️ 滤镜变化 │ │ 生成数量：[5] 个差异化版本 │ │ │ │ ┌─────────────────────────────────────────────┐ │ │ │ 🎥 开始混剪 │ │ │ └─────────────────────────────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────┘ ``` **进度展示**： ``` ┌─────────────────────────────────────────────────────────────┐ │ 混剪进度 │ │ ════════════════════════════════════░░░░░░░░░ 65% │ │ │ │ ✅ 素材分析完成 │ │ ✅ 镜头匹配完成 │ │ 🔄 添加转场特效中... │ │ ⏳ BGM匹配 │ │ ⏳ 去重优化 │ │ │ │ 预计剩余时间：2分30秒 │ └─────────────────────────────────────────────────────────────┘ ``` --- ### 3. 多平台发布模块 #### 3.1 账号管理 ``` ┌─────────────────────────────────────────────────────────────┐ │ 👤 账号管理 │ ├─────────────────────────────────────────────────────────────┤ │ │ │ 分组筛选：[全部 ▼] 平台：[全部 ▼] 状态：[全部 ▼] │ │ │ │ ┌───────────────────────────────────────────────────────┐ │ │ │ ☑️ │ 平台 │ 账号名称 │ 类型 │ 状态 │ 操作 │ │ │ ├────┼──────────┼───────────────┼────────┼───────┼──────┤ │ │ │ ☑️ │ 🔴 抖音 │ 品牌官方号 │ 企业号 │ 🟢正常│ 编辑 │ │ │ │ ☑️ │ 📕 小红书│ 品牌种草号 │ 个人号 │ 🟢正常│ 编辑 │ │ │ │ ☐ │ 📺 B站 │ 官方账号 │ 企业号 │ 🟡过期│ 重授 │ │ │ │ ☑️ │ 🎬 YouTube│ Brand Channel│ 品牌号 │ 🟢正常│ 编辑 │ │ │ └───────────────────────────────────────────────────────┘ │ │ │ │ ➕ 添加账号 📁 批量导入 🗂️ 分组管理 │ │ │ └─────────────────────────────────────────────────────────────┘ ``` #### 3.2 发布控制 ``` ┌─────────────────────────────────────────────────────────────┐ │ 📤 发布任务 │ ├─────────────────────────────────────────────────────────────┤ │ │ │ 选择内容 │ │ ┌─────────────────────────────────────────────┐ │ │ │ 🎬 上海城市宣传视频.mp4 │ │ │ │ ✍️ 配套软文已生成 │ │ │ └─────────────────────────────────────────────┘ │ │ │ │ 选择账号/分组 │ │ ☑️ 抖音-主账号组 (3个) │ │ ☑️ 小红书-种草号 (2个) │ │ ☐ B站 (授权过期) │ │ ☑️ YouTube (1个) │ │ │ │ 发布方式 │ │ ○ 即时发布 ● 定时发布 ○ 智能发布（AI选择最佳时间） │ │ │ │ 定时设置：[2026-01-23] [10:00] ☑️ 智能匹配流量高峰 │ │ │ │ ┌─────────────────────────────────────────────┐ │ │ │ 📤 创建发布任务 │ │ │ └─────────────────────────────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────┘ ``` --- ### 4. 数据仪表盘 ``` ┌─────────────────────────────────────────────────────────────┐ │ 📊 数据仪表盘 │ ├─────────────────────────────────────────────────────────────┤ │ │ │ 时间范围：[最近7天 ▼] 平台：[全部 ▼] 内容：[全部 ▼] │ │ │ │ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │ │ │ 总播放量 │ │ 总点赞数 │ │ 总评论数 │ │ │ │ 1,250,000 │ │ 85,000 │ │ 3,200 │ │ │ │ ↑ 15.3% │ │ ↑ 8.7% │ │ ↑ 12.1% │ │ │ └──────────────┘ └──────────────┘ └──────────────┘ │ │ │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ 播放量趋势 │ │ │ │ ╭─────╮ │ │ │ │ ╱ ╲ ╭───╮ │ │ │ │ ╱ ╲──╯ ╲ │ │ │ │ ╱ ╲───── │ │ │ │ ╱ │ │ │ └─────────────────────────────────────────────────────┘ │ │ │ │ 热门内容 TOP 5 │ │ ┌───────────────────────────────────────────────────────┐ │ │ │ 排名 │ 内容标题 │ 平台 │ 播放量 │ 互动率 │ │ │ ├──────┼─────────────────────┼───────┼─────────┼────────┤ │ │ │ 1 │ 上海城市夜景... │ 抖音 │ 500K │ 8.5% │ │ │ │ 2 │ 产品开箱测评... │ 小红书│ 320K │ 12.3% │ │ │ └───────────────────────────────────────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────┘ ``` --- ### 5. 内容审核模块 ``` ┌─────────────────────────────────────────────────────────────┐ │ 🛡️ 内容安全审核 │ ├─────────────────────────────────────────────────────────────┤ │ │ │ 审核状态：🟢 通过 (75分) │ │ │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ ⚠️ 发现 2 个需要注意的问题 │ │ │ │ │ │ │ │ 1. 【广告法】"最好的产品" → 建议改为"优质产品" │ │ │ │ 位置：正文第3段 │ │ │ │ [一键替换] [忽略] │ │ │ │ │ │ │ │ 2. 【平台规则】小红书标签数量超限 (20 > 18) │ │ │ │ 建议：删除 2 个标签 │ │ │ │ [自动修复] [手动修改] │ │ │ │ │ │ │ └─────────────────────────────────────────────────────┘ │ │ │ │ 平台适配检查 │ │ ✅ 抖音：标题长度OK，无违禁词 │ │ ⚠️ 小红书：标签数量超限 │ │ ✅ YouTube：符合社区准则 │ │ │ │ ┌──────────────────┐ ┌──────────────────┐ │ │ │ 🔄 重新审核 │ │ ✅ 确认发布 │ │ │ └──────────────────┘ └──────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────┘ ``` --- ## 二、用户流程设计 ### 完整业务流程 ``` ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐ │ 需求 │ → │ 内容 │ → │ 视频 │ → │ 内容 │ → │ 多平台 │ │ 输入 │ │ 生成 │ │ 混剪 │ │ 审核 │ │ 发布 │ └─────────┘ └─────────┘ └─────────┘ └─────────┘ └─────────┘ │ │ │ │ │ ▼ ▼ ▼ ▼ ▼ 主题/行业 脚本+软文 成品视频 安全检查 自动适配 平台/素材 多版本生成 去重优化 规则适配 定时发布 ↓ ┌─────────┐ │ 数据 │ │ 分析 │ └─────────┘ ``` ### 关键用户故事 #### Story 1: 快速生成短视频内容 ``` 作为 MCN运营人员 我希望 输入产品信息后自动生成脚本和视频 以便 快速产出多个差异化内容用于矩阵分发 ``` #### Story 2: 多平台一键发布 ``` 作为 品牌营销经理 我希望 一次操作发布到多个平台 以便 节省逐个平台发布的时间，实现矩阵运营 ``` #### Story 3: 内容合规保障 ``` 作为 内容审核人员 我希望 系统自动检测违规内容 以便 避免发布后被平台限流或下架 ``` --- ## 三、技术实现建议 ### 前端架构 ``` ┌─────────────────────────────────────────────────────────────┐ │ 前端层 │ ├─────────────────────────────────────────────────────────────┤ │ │ │ ┌───────────────────┐ ┌───────────────────┐ │ │ │ Next.js Web │ │ Streamlit Admin │ │ │ │ (用户端) │ │ (管理后台) │ │ │ └─────────┬─────────┘ └─────────┬─────────┘ │ │ │ │ │ │ └──────────┬───────────┘ │ │ ▼ │ │ ┌─────────────────────┐ │ │ │ FastAPI + LangServe│ │ │ │ (API层) │ │ │ └─────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────┘ ``` ### 页面路由设计 (Next.js) ``` / # 首页/仪表盘 /create # 创作中心 /create/script # 脚本生成 /create/copywriting # 软文生成 /studio # 混剪工作室 /studio/editor # 视频编辑 /studio/materials # 素材管理 /publish # 发布中心 /publish/accounts # 账号管理 /publish/tasks # 发布任务 /publish/schedule # 发布日历 /analytics # 数据分析 /analytics/overview # 总览 /analytics/content # 内容分析 /analytics/platform # 平台分析 /settings # 设置 /settings/profile # 账户设置 /settings/team # 团队管理 /settings/api # API配置 ``` --- ## 四、设计规范 ### 颜色系统 ```css /* 主色 */ --primary: #6366f1; /* 品牌紫 */ --primary-dark: #4f46e5; /* 功能色 */ --success: #22c55e; /* 成功/通过 */ --warning: #f59e0b; /* 警告/待处理 */ --error: #ef4444; /* 错误/失败 */ --info: #3b82f6; /* 信息/提示 */ /* 中性色 */ --gray-50: #f9fafb; --gray-100: #f3f4f6; --gray-900: #111827; ``` ### 组件规范 - 按钮：圆角 8px，主按钮使用 primary 色 - 卡片：圆角 12px，阴影 shadow-md - 输入框：圆角 8px，focus 时显示 primary 边框 - 表格：斑马纹，hover 高亮 ### 响应式断点 ```css sm: 640px /* 手机横屏 */ md: 768px /* 平板竖屏 */ lg: 1024px /* 平板横屏 */ xl: 1280px /* 桌面 */ 2xl: 1536px /* 大屏 */ ``` --- ## 五、易用性要求 ### 新手引导 1. 首次登录展示功能导览 2. 每个模块提供"快速开始"教程 3. 关键操作提供工具提示 ### 记忆功能 - 保存用户常用参数（风格偏好、分辨率） - 记住上次选择的账号分组 - 自动填充历史输入 ### 帮助体系 - 内置常见问题库 - 操作指引视频 - 在线客服入口