[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"tb-a-2077665224558641152-2077670522346274816":3},{"detail":4,"html":18,"toc":19,"catalog":45,"tool":49},{"id":5,"title":6,"coverUrl":7,"url":8,"level":8,"description":9,"publishDate":10,"views":11,"isCollect":12,"isLike":12,"vipRequired":13,"vipFlag":14,"price":8,"contentType":15,"station":8,"seq":15,"readMinutes":16,"toolIds":17,"relatedVideo":8},"2077670522346274816","huashu-design：花叔出品，设计全能 + 网页转可编辑 PPT","https:\u002F\u002Faicxd.com\u002Fapi\u002Ffile\u002Ffile\u002FremoteViewByFileId?fileId=2077670521708740608",null,"AI Native Coder 花叔出品，GitHub 21.5k 星。HTML 原生设计 skill，能做原型\u002F幻灯片\u002F动画\u002F信息图，20 种设计哲学 + 5 维专家评审；独有 html2pptx 把网页演示一键导成真·可编辑 PPT，横跨网页与传统两派。","2026-07-16",0,"0",false,"1",1,3,[],"\u003Cdiv style=\"padding:0 4px 24px;font-size:14px;color:#333;line-height:1.85;word-break:break-word\">\n\n\u003Cdiv style=\"background:#FFF7ED;border:1px solid #FFEDD5;border-radius:12px;padding:12px 14px;margin:0 0 18px;font-size:13px;line-height:1.7;color:#9A3412\">⭐ \u003Cstrong style=\"font-weight:700;color:#1a1a1a\">大V·花叔出品\u003C\u002Fstrong>（AI Native Coder，做过 App Store 付费榜 Top1「小猫补光灯」、著《一本书玩转DeepSeek》，GitHub 70k+ 星）。本 skill 21.5k 星。\u003C\u002Fdiv>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s1\" data-toc>一、这是什么\u003C\u002Fh1>\n\u003Cp style=\"margin:0 0 14px\">huashu-design 是花叔出品的 \u003Cstrong style=\"font-weight:700;color:#1a1a1a\">HTML 原生设计 skill\u003C\u002Fstrong>，跑在 Claude Code、Cursor 等编码助手里。核心承诺是\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">「打字、回车、拿回成品设计」\u003C\u002Fstrong>——从交互原型到演讲幻灯片、动画视频、信息图表，产出质量对标大厂设计团队。\u003C\u002Fp>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s2\" data-toc>二、能做什么\u003C\u002Fh1>\n\u003Cp style=\"margin:0 0 14px\">它不只做 PPT，是一整套设计能力——高保真原型、演讲幻灯片、动画视频、信息图都能出。\u003C\u002Fp>\n\n\u003Cimg src=\"https:\u002F\u002Faicxd.com\u002Fapi\u002Ffile\u002Ffile\u002FremoteViewByFileId?fileId=2077670516847542272\" style=\"width:100%;border-radius:10px;margin:4px 0 4px;display:block\" loading=\"lazy\" decoding=\"async\">\n\u003Cp style=\"font-size:12px;color:#94A3B8;text-align:center;margin:0 0 16px\">生成可交互的 iOS 高保真原型\u003C\u002Fp>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s3\" data-toc>三、几个杀手锏\u003C\u002Fh1>\n\n\u003Cdiv style=\"background:#fff;border:1px solid #F1F5F9;border-radius:14px;padding:14px;margin:0 0 10px;box-shadow:0 2px 10px rgba(0,0,0,0.03)\">\u003Ch2 style=\"font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 6px\" id=\"s4\" data-toc>🎨 20 种设计哲学\u003C\u002Fh2>\u003Cp style=\"margin:0\">品牌资产优先（不凭记忆猜色值）、反 AI slop（避开紫渐变\u002Femoji\u002F圆角描边）、真实数据驱动，让产出不像\"AI 味\"。\u003C\u002Fp>\u003C\u002Fdiv>\n\n\u003Cdiv style=\"background:#fff;border:1px solid #F1F5F9;border-radius:14px;padding:14px;margin:0 0 10px;box-shadow:0 2px 10px rgba(0,0,0,0.03)\">\u003Ch2 style=\"font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 6px\" id=\"s5\" data-toc>🧩 html2pptx · 导出可编辑 PPT\u003C\u002Fh2>\u003Cp style=\"margin:0\">独有一手：网页演示可一键转成真·可编辑 PowerPoint，逐元素变成可双击编辑的文本框。是少数横跨\"网页派\"和\"传统 PPT 派\"的 skill。\u003C\u002Fp>\u003C\u002Fdiv>\n\n\u003Cimg src=\"https:\u002F\u002Faicxd.com\u002Fapi\u002Ffile\u002Ffile\u002FremoteViewByFileId?fileId=2077670518709813248\" style=\"width:100%;border-radius:10px;margin:4px 0 4px;display:block\" loading=\"lazy\" decoding=\"async\">\n\u003Cp style=\"font-size:12px;color:#94A3B8;text-align:center;margin:0 0 14px\">幻灯片一键导成可编辑 PPTX\u003C\u002Fp>\n\n\u003Cdiv style=\"background:#fff;border:1px solid #F1F5F9;border-radius:14px;padding:14px;margin:0 0 10px;box-shadow:0 2px 10px rgba(0,0,0,0.03)\">\u003Ch2 style=\"font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 6px\" id=\"s6\" data-toc>🔍 5 维专家评审\u003C\u002Fh2>\u003Cp style=\"margin:0\">从哲学一致性、视觉层级、细节执行、功能性、创新性各打 0–10 分，雷达图可视化，给出 Keep \u002F Fix \u002F Quick Wins 清单。\u003C\u002Fp>\u003C\u002Fdiv>\n\n\u003Cimg src=\"https:\u002F\u002Faicxd.com\u002Fapi\u002Ffile\u002Ffile\u002FremoteViewByFileId?fileId=2077670521293504512\" style=\"width:100%;border-radius:10px;margin:4px 0 4px;display:block\" loading=\"lazy\" decoding=\"async\">\n\u003Cp style=\"font-size:12px;color:#94A3B8;text-align:center;margin:0 0 14px\">5 维度专家评审 + 雷达图\u003C\u002Fp>\n\n\u003Cdiv style=\"background:#fff;border:1px solid #F1F5F9;border-radius:14px;padding:14px;margin:0 0 10px;box-shadow:0 2px 10px rgba(0,0,0,0.03)\">\u003Ch2 style=\"font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 6px\" id=\"s7\" data-toc>🎬 MP4 \u002F GIF 导出\u003C\u002Fh2>\u003Cp style=\"margin:0\">动画可导 25fps \u002F 60fps 插帧视频，能加 BGM \u002F 音效，直接产出可发布的动态素材。\u003C\u002Fp>\u003C\u002Fdiv>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s8\" data-toc>四、适合谁\u003C\u002Fh1>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">习惯在终端\u002F编码助手里工作、不想开图形软件的开发者和设计师\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">要快速迭代原型、演讲资料、营销素材，又想要设计感的团队\u003C\u002Fdiv>\u003C\u002Fdiv>\n\n\u003Cdiv style=\"background:#FFF7ED;border:1px solid #FFEDD5;border-radius:12px;padding:12px 14px;margin:18px 0 0;font-size:13px;line-height:1.7;color:#9A3412\">⚠️ \u003Cstrong style=\"font-weight:700;color:#1a1a1a\">一句实话\u003C\u002Fstrong>：它是「设计全能选手」，PPT 只是其中一块；如果你只想要最纯粹的可编辑 PPT，官方 pptx \u002F ppt-master 更专一。但要「设计感 + 可编辑 PPT 兜底」两头都占，花叔这个是首选。需在 Claude Code \u002F Cursor 等助手里使用。\u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n",[20,23,26,29,33,36,39,42],{"id":21,"text":22,"level":15},"s1","一、这是什么",{"id":24,"text":25,"level":15},"s2","二、能做什么",{"id":27,"text":28,"level":15},"s3","三、几个杀手锏",{"id":30,"text":31,"level":32},"s4","🎨 20 种设计哲学",2,{"id":34,"text":35,"level":32},"s5","🧩 html2pptx · 导出可编辑 PPT",{"id":37,"text":38,"level":32},"s6","🔍 5 维专家评审",{"id":40,"text":41,"level":32},"s7","🎬 MP4 \u002F GIF 导出",{"id":43,"text":44,"level":15},"s8","四、适合谁",[46],{"id":5,"title":6,"coverUrl":7,"duration":8,"level":8,"publishDate":10,"views":11,"aiSoftapp":8,"tags":47,"contentType":15,"station":8,"seq":15,"relateId":8,"toolId":48,"readMinutes":16},[],"2077665224558641152",{"id":48,"createTime":50,"createdBy":51,"updateTime":50,"updatedBy":51,"echoMap":52,"slug":53,"name":53,"categorySlug":54,"subCategory":55,"region":8,"website":56,"appName":57,"description":58,"tags":59,"sortOrder":11,"state":15,"tenantCode":65,"tutorialContent":8,"resourceType":66,"accessTypes":57,"installCmd":67,"logo":68,"hotScore":69,"githubStars":70,"category":54},"2026-07-16 16:02:45","1744248479271616512",{},"huashu-design","ppt","用HTML做PPT","https:\u002F\u002Fgithub.com\u002Falchaincyf\u002Fhuashu-design","","AI Native Coder 花叔出品（做过 App Store 付费榜 Top1「小猫补光灯」、著《一本书玩转DeepSeek》），GitHub 21.5k 星。HTML 原生设计 skill，内置 20 种设计哲学、5 维设计评审，能做高保真原型\u002F幻灯片\u002F动画，可导 MP4；独有一手是 html2pptx——网页演示还能一键导成真·可编辑 PPT，是少数横跨“网页派”和“传统派”的 skill。适合既要设计感、又想要可编辑 PPT 兜底的人。",[60,61,62,63,64],"大V·花叔出品","HTML演示","20种设计哲学","可导可编辑PPT","MP4导出","0000","skill","npx skills add alchaincyf\u002Fhuashu-design","https:\u002F\u002Fgithub.com\u002Falchaincyf.png",88,21500]