Project Case

AI Coding 内容创作插件

AI Coding / Claude Code / 内容生产

参与海外视频采集与内容创作插件设计,梳理链接输入、内容抓取、信息总结和脚本生成流程。用 Claude Code 辅助原型与验证。

AI WorkflowPrototypeContent
AI Coding 内容创作插件

项目类型

AI 工具 / 内容生产 / 插件原型

我的角色

产品流程梳理 / 页面结构 / 原型验证

设计内容

视频链接输入、内容抓取、信息总结、脚本生成

使用工具

Claude Code / Figma / AIGC

Background

项目背景

海外内容创作需要快速处理视频素材、提炼信息并生成脚本初稿,适合通过 AI 工具降低重复整理成本。

My Work

我的工作

  • 梳理视频链接输入、内容抓取、总结和脚本生成链路。
  • 定义插件核心页面结构和关键交互状态。
  • 使用 Claude Code 辅助搭建原型并验证基础功能。

Process

设计过程

01

流程定义

明确从链接输入到脚本输出的核心任务链路。

02

页面结构

将复杂内容处理流程拆成更清楚的输入、分析和生成区域。

03

原型验证

借助 Claude Code 快速验证页面结构和交互逻辑。

Showcase

项目展示

按模块整理 APP 界面、WEB 界面与项目过程图,集中展示关键页面和设计落地效果。

界面展示

插件应用

插件应用

生成界面

生成界面

结果导出

结果导出

信息总结

信息总结

脚本生成

脚本生成

插件需求

插件需求

Summary

项目总结

这个探索让我更确信,AI 辅助设计的价值在于快速验证工作流,而不是只停留在静态界面或单次生成。