概念设计
App 界面设计
手机 App 从首页到每个功能页，设计稿和源文件一起交
UI 设计与定制工具：用 Claude 写代码，做您自己的界面和工具
实验室里的工具，包括我们自研的 AI动效代码版剪映，都是用 Claude 写代码搭出来的。同一套做法也可以为您做：UI 界面设计、行业专属工具、跑在 WorkBuddy 里的智能体，以及官网。
设计师定方向，Claude 写代码出稿和开发，交付可以修改的源文件和源码。
Claude 写代码高速出稿价格约为传统 UI 设计的三分之一交付可修改的设计稿源文件
01UI 界面设计 / UI DESIGN
App、小程序、后台、大屏，都能设计
每张是我们为虚构品牌“炼丹XX”画的概念界面，后面是真实项目。
概念设计
小程序与 H5 界面设计
点单、预约、会员、活动页，按微信规范来做
概念设计
官网与落地页设计
企业官网、产品介绍页、活动落地页，电脑手机两套
概念设计
后台系统与 SaaS 界面设计
表格多、功能多的管理后台，做得清楚好用
概念设计
AI 产品与智能助手界面
对话、生成结果、知识库这些 AI 产品特有的界面
概念设计
数据看板与可视化大屏
指挥中心、展厅、园区大屏，数据一眼看懂
概念设计
设计系统与组件库
颜色、字体、按钮到整套组件，团队以后照着用
概念设计
图标与界面插画设计
3D 图标、功能图标、等级徽章和空状态插画
概念设计
老产品界面改版与美化
功能不动，把旧界面改得好看好用
真实项目
真实项目 · App 界面美化
好着呢 App 界面美化
一款独居安全守护 App。功能和文案一条不动，从 logo 取薄荷绿做主色，重做轻拟物图标、极光背景、半透明卡片和悬浮导航；首页、两个守护页和“我的”共 4 个主界面，一天内定稿进设计稿。
真实项目 · 图标设计
自如 · 会员等级图标与管家奖章
为自如 15 周年科技宣传片补做会员等级皇冠（Lv1–Lv12）、管家奖章（1–10）和身份标签；片尾四个 AI 产品界面照截图用代码 1:1 重建，大屏放大也清楚。
看完整案例谁来设计
Element Plus 设计负责人
创始人黄忠忠 UI 设计师出身，曾负责开源组件库 Element Plus 的设计体系，按钮、表格、表单这些组件怎么定规范，是他的老本行。
腾讯设计领域生态日演讲
2022 年受邀在腾讯设计领域生态日分享《Element Plus 设计体系升级》，讲一套组件库怎么升级设计体系。
华为 UXTC 受邀分享
受华为 UXTC 邀请分享；还做过很受 UI 设计师欢迎的 3D 图标模型 BDicon。
价格约为传统 UI 设计的三分之一
看创始人的分享和培训经历设计师定方向和规范，Claude 写代码把每一屏做出来，再转成可修改的设计稿。省下的是重复画图的时间，规范和质量一样不少。按页面数量和复杂程度报价。
02行业工具定制 / CUSTOM TOOLS
现成软件管不好的那件事，搭一个自己的工具
排班、台账、报修、预约、审核：有界面、多人一起用、数据放在您自己的服务器。下面是照真实做法模拟的案例。
炼丹督办台：街道任务台账与进度看板
党政办每周要接几十项上级任务，再分给科室和社区。任务记在一张越来越长的 Excel 里，进度靠群里问、电话催，快到期的事常常是前一天才想起来，领导要看全局只能临时整理。
炼丹排班台：护理排班与换班工具
每个病区的护士长每周花一个晚上排下周的班，要照顾夜班轮转、休假、规培轮科和资质搭配。排好后护士在群里接龙换班，护士长再手改表格，月底算夜班数和加班时，常常对不上。
炼丹课时台：培训机构排课与课时余额管理
机构有小班课也有一对一，老师在三个校区之间排课。排课表在教务手里，课时余额在财务的表里，请假和补课在班级群里说。家长问“还剩几节课”，前台要先翻两张表；老师临时调课，有学生没收到通知白跑一趟。
炼丹点检台：设备点检与故障报修工具
车间几十台压力机三班倒，每班开机前要点检。纸质点检表填完就挂着，异常靠口头传；机器一停，报修要层层打电话，修完没有记录，哪台机器反复出同样的毛病，设备科只能凭老师傅的记忆。
炼丹报修台：园区企业报修与工程派单
园区企业空调不制冷、灯坏了、门禁刷不开，都打前台电话。前台记在本子上再电话找工程部，维修工手上同时有好几单，先修哪个靠喊。企业想知道什么时候来人只能再打电话；要换件收费的，事先没说清，事后容易起争执。
炼丹审片台：成片审看与修改意见管理
一部短剧几十集，每集要过导演、制片和平台三道审。意见从微信、文档、语音里来，后期剪辑师整理一遍才能动手；改完发新版，又要重新解释改了哪些，平台反馈“上次说的还没改”的情况经常出现。
怎么搭
- STEP 01
说清那一件事
您说哪件事最费人、谁在做、现在用什么表，我们来现场或远程看一遍实际怎么做。
- STEP 02
先出能点的样子
很快先给您一版能在浏览器里点的工具，用的是您自己的字段和流程，看着提意见。
- STEP 03
接上数据试用
导入您现有的表格，让一线同事试用一段时间，按他们的反馈改。
- STEP 04
部署、培训、后续改
部署到您的服务器或云上，教会大家用；流程变了，工具跟着改。
您会拿到
- 能直接用的工具（网页版，手机电脑都能打开）
- 全部源码，以后自己改或换人维护都行
- 部署到您自己的服务器或云主机
- 给一线同事的使用培训和说明
- 数据导入：把现有 Excel 搬进来
我们自己也这样搭工具
我们天天在用的 AI 视频质检工具、AI 剪辑工具、视频对比工具，还有这个官网本身，都是用 Claude 写代码搭出来的：交付前自动查出画面里的穿帮和瑕疵，改一处全片同步，多个版本并排看。
03智能体搭建 / AI AGENTS
比软件轻一档：让智能体管那些零碎小事
写成技能包装进您电脑上的 WorkBuddy（腾讯的桌面智能体），员工在企业微信或飞书里说一句就能用。
工作信息初稿助手
把一周攒下的活动照片和零碎说明，按区里信息稿的格式和口吻拼成几条初稿，配好图片说明，写稿人只用改和定。
学分材料核对助手
把大家交上来的继续教育证书逐张读出姓名、项目、学分和日期，填进护理部要的汇总表，并列出还差学分的人。
极限词检查
把文案里违反广告法的绝对化用语、功效夸大说法标出来，每处给一两个能直接替换的说法，不改别的地方。
保单整理助手
读客户保单的照片或 PDF，抄出险种、保额、缴费期、受益人和续期日，整理成一张家庭保单表，只整理不做推荐。
素材规格预检
检查交来的视频是不是按屏幕规格做的：分辨率、比例、帧率、时长、有没有声音，不合格的列出来，写好退回给制作方的说明。
部门周报汇总
把组员交来的个人周报合成一份部门周报：本周完成、下周计划、需要上级拍板的事分三块写，每条后面注明是谁的。
签到对账助手在 WorkBuddy 里
员工
今天安全生产培训的签到表拍好了，在“10月培训”文件夹，帮我对一下。
智能体
读了 4 张签到表，和“应到名单.xlsx”对过：应到 62 人，签到 57 人。名单表里已经加了“到没到”一列。
智能体
有两处要你看一下：第 3 张有个签名认不出来，可能是“陈”某；另外一位物业公司的人不在名单里，但签了到。
员工
认不出的那个是陈主任，代他们单位来的。没来的帮我写个补课通知。
智能体
已改成到场。缺席的 5 位按单位分好了，补课通知写在“补课通知.docx”里，时间地点空着等你填。
行业工具智能体
管什么一整套流程，多人协作一件小事，一个人或一个群
有没有界面有自己的页面和看板没有，在 WorkBuddy、企业微信、飞书里说话
数据在哪自己的数据库您电脑上授权的文件夹和表格
适合天天用、很多人用的事每周都要做、又不值得开发系统的事
怎么搭
- STEP 01
说一件小事
哪件事每周都要做、又烦又容易漏，说清楚现在怎么做、用哪些文件。
- STEP 02
写成技能包
我们把步骤、表头、口径写进技能包，规定它能读哪个文件夹、结果发到哪里。
- STEP 03
装好试跑
装进您的 WorkBuddy，用真实文件跑几轮，结果对了再交给员工。
- STEP 04
教会、再调整
教员工怎么叫它、怎么看结果；流程变了，技能包跟着改。
04官网搭建 / WEBSITES
让客户找得到、看得懂、办得成的官网
设计、代码、手机适配、搜索和 AI 搜索优化、中英文一起做，交付源码。
真实案例
炼丹科技官网（liandankeji.com）
您正在看的这个网站就是我们用 Claude 写代码搭的：每个行业、城市、常见问题都有自己的一页，中英文各一套独立网址，每页带搜索信息和结构化数据，自动生成 sitemap 和给 AI 读的 llms.txt，有全站搜索；服务器带宽很小，网页也打得开。
- 800 多个
- 中英文网页
- 172 个
- 解决方案页
- 50 个
- 城市服务页
- 22 篇
- 甲方问答指南
能搭哪些网站
- 企业官网定制搭建设计、代码、内容一起交付，交源码
- 搜索与 AI 搜索优化官网按百度、Google 和 AI 搜索的读法搭，让客户搜得到
- 多语言出海官网每种语言独立网址，海外客户搜得到、读得懂
- 行业方案与长尾内容页批量搭建一个行业一页、一个问题一页，客户会搜的都写到
- 老官网改版与迁移旧内容不丢、网址不断，换新设计补搜索优化
05怎么开始 / HOW TO START
三步开始
说清那一件事
要设计什么界面、哪件事最费人、官网想让访客做什么，一句话说清，有截图和表格更好。
先出能看能点的样子
很快先给您一版风格稿或能在浏览器里点的样子，看着提意见。
改到满意，交付源文件
按您的意见改，定稿后交付设计稿源文件或全部源码，部署到您自己的服务器。
本页内容更新于 2026-10-24