AI 培训场次
CASE FILE / EXP.01CODEX
橙色实验室 · 双形态人像
LAB86 WEBSITE STUDYAI LABCODEX / 2026
SELECTED PROJECT
打开网站 ↗86老师 AI LAB
01 / 制作网站的工具
Codex · HTML · CSS · JavaScript
根据成品代码重建02 / 可复制提示词
使用原生 HTML、CSS 和 JavaScript，制作一个全屏个人品牌落地页，人物为86老师。整体风格是瑞士平面设计、科技实验室界面和时尚杂志封面的结合。使用高饱和橙色背景、巨大标题、数据面板与信号卡片。右侧重叠两张人物图，鼠标移动时用径向遮罩揭示机械化 AI 形态，并加入轻微视差、扫描线、数字计数和字符还原动画。适配桌面和手机，不使用 UI 组件库。
03 / 优点
- 橙色与双形态人物形成很强的品牌记忆
- 互动机制与 AI 主题高度一致
- 资源较轻，首屏聚焦明确
04 / 缺点
- 单屏承载的信息有限
- 鼠标揭示效果在触屏设备上会弱化
- 强烈橙色不适合所有商务场景
ADD A NEW CASE以后只要说：
以后只要说：
“加入 86FOLIO 案例库”
在其他 Codex 对话里完成网站后，复制右侧口令发送，它会知道放到哪里、需要整理哪些资料。
加入86FOLIO案例库。请把当前网页作为一个新案例，导入合集项目：/Users/Zhuanz1/Documents/Codex/2026-07-15/sites-plugin-sites-openai-bundled。请整理制作工具、原始提示词（找不到时明确标记为根据成品重建）、优点、缺点；生成独立英文 slug 和差异化封面；把可运行静态产物放入 public/cases/<slug>/，更新 app/case-gallery.tsx，避免复制 node_modules 和重复大文件，完成构建后发布到现有 Sites 项目。
86 / STUDIO LET'S TALKAI TRAINERAI DESIGNERHAIKOU · CHINA
让 AI 成为
一种创造力。
我是邓锦宏，大家也叫我 86老师。这个网站既是个人作品集，也是一场持续进行的 AI 建站实验：固定同一套资料，改变平台、提示词与方法。
EXPLORE THE LAB↓PORTFOLIO / 2026
02
PROFILE / EXPERIENCE
ABOUT 86
把技术讲懂，
把想法做出来。
海南自贸港 AI 培训讲师、AI 设计师，专注于政企数字化改革与 AI 能力落地。
我的工作跨越培训、产品、内容与视觉。比起展示工具有多强，我更关心一个真实问题：怎样让普通人在今天就开始使用 AI，并获得可持续的改变。
课程与项目覆盖政务办公、企业提效、AIGC 内容、AI 影视、智能体、OpenClaw、Vibe Coding 与多 Agent 协作。
累计覆盖学员
海南市县覆盖
企业 AI 落地能力
03
SELECTED PROJECTS
精选项目
AI 不只是效率工具，也是新的设计材料。
这里记录我对产品、内容与视觉表达的持续实验。
01↗
AI PRODUCT / VIBE CODING
AI Skill Atlas
AI 技能资产可视化工作台
02↗
DATA STORY / AI ANALYSIS
Learning Insight
女性 AI 学习圈识别报告
03↗
BRAND SYSTEM / AI DESIGN
86AI Identity
个人品牌视觉与内容系统
04↗
EDITORIAL / GENERATIVE DESIGN
Change Track
AI 时代的思考型视觉实验04
WHY WORK WITH ME
ENTERPRISE AI DELIVERY
企业 AI 落地，
才是我们的核心优势。
业务场景诊断
从真实业务问题出发，识别高价值、可验证的 AI 应用场景，形成清晰的落地优先级。
SCENARIO × STRATEGY组织培训共创
围绕岗位任务设计培训与工作坊，让团队在真实工作中掌握方法，而不只是了解工具。
300+ 场实战经验工具流程落地
把提示词、知识库、智能体和自动化流程组合成能运行、可复制、可持续使用的解决方案。
WORKFLOW × AGENT持续陪跑迭代
用实际使用反馈和业务指标持续校准方案，让 AI 从一次演示真正变成组织能力。
DELIVERY × GROWTHTOOLBELT
CODEX · OPENCLAW · CLAUDE CODE · HERMES · MULTI-AGENT · VIBE CODING · AIGC · WORKFLOW DESIGN
05
USE THIS TEMPLATE
PERSONAL SITE STARTER
换成你的资料，
从这里开始。
不用研究提示词格式，也不用先整理照片。填写信息、整批上传素材，再把生成结果复制给任何 AI 建站工具。
01
替换示例信息，生成一份所有 AI 建站工具都能读懂的标准资料。
02
不用整理文件夹。一次选择全部图片，系统会先推荐它们应该出现的位置。
AVAILABLE FOR SELECTED PROJECTSHAINAN / REMOTE
START A CONVERSATION
