nexu-io/html-anything
59 skills
$npx skills add nexu-io/html-anythingSkillInstalls
article-magazineSubstack / Medium 高级感长文排版, 适合公众号、博客发布article-sketchnote-editorial把一个概念铸成杂志专题档案——真问题→失败→转折→顿悟→命名, 6 个 layout 模具 + 4 字族对比 + 探案档案细节blog-post杂志感长文, 含 masthead、hero、figures、pull quote、作者署名card-twitter推特金句 / 数据卡, 适合配推文card-xiaohongshu小红书风格知识卡片, 多张联排可滑动浏览competitive-teardown定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告dashboard固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图data-report把 CSV/Excel/JSON 数据转成漂亮的可视化报告页dating-web消费感配对仪表板: 信号 ticker + KPI + 30 天柱状 + 趋势deck-blueprint奶油纸 + 锈红 + 蓝图网格 mask + 黑边硬卡片 + pipeline 盒deck-course-module暖纸背景 + Playfair, 左侧学习目标常驻, 含 MCQ 自测页deck-dir-key-nav8 页单色背景, 160px display + 4px accent + Mono 箭头列表deck-graphify-dark深夜渐变 + 漂浮 orbs + SVG 力导向图谱 + JetBrains Monodeck-guizang-editorial电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)deck-hermes-cyber黑底 + CRT 网格扫描线 + $ 命令行标题 + 薄荷绿大字 + 三档 tagdeck-ljg-present把 outline 1:1 铸成色块大字宣言 deck, 原文不动只做美化。三档主题 black / red / yellowdeck-magazine-web电子杂志 × 电子墨水风, WebGL 流体背景 + 衬线 displaydeck-obsidian-claudeGitHub-dark + 紫蓝环境光 + 三色渐变标题 + GitHub 风代码deck-open-slide-canvas锁死 1920×1080 画布, React 组件级自由组合, 不绑模板deck-pitch10 页融资 deck, 白底 + 蓝紫渐变 hero, traction 柱状, $X.XM askdeck-presenter-modetokyo-night 默认主题, T 切换 5 主题, S 打开提词器 popupdeck-product-launch暗 hero + 亮内容, 橙→桃 accent, 特性卡 + 定价 + CTAdeck-replitReplit Slides 八套主题 (helix/holm/vance/bevel/world/atlas/bluehouse)deck-safety-alert红琥珀警示色 + hazard 条纹 + L1/L2/L3 tier 卡片 + 删除线标题deck-simple通用 horizontal-swipe HTML deck, 不要 magazine 调deck-swiss-international16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange)deck-tech-sharingGitHub-dark + JetBrains Mono + 终端代码块, 含 agenda + Q&Adeck-xhs-pastel奶油底 + 柔光 blob + 马卡龙圆角卡片 + Playfair 斜体序号deck-xhs-post9 页 3:4 竖版图文, 暖 pastel + 虚线 sticker 卡片deck-xhs-white纯白 + 顶部彩虹 bar + 渐变文字 + 马卡龙软卡片 + 黑底 pilldigital-eguide两页跨页电子指南, 封面 + 课程页 + pull-quote + 步骤列表doc-kami-parchment暖羊皮纸底 (#f5f4ed) + 墨蓝单色 accent (#1B365D) + 单一衬线字体, 编辑级排印docs-page三栏文档页: 侧导航 + 正文 + 右 TOCemail-marketing产品发布邮件, 含 masthead、hero、CTA、规格表, table-fallbackeng-runbook服务概述 + alerts 表 + dashboards + 操作命令 + on-call + 事故清单exec-briefing-memoDecision needed + recommendation + evidence + tradeoffs, 把复杂材料压成可拍板的一页experiment-readout假设 + 指标 + 结果 + 解释 + 决策, 把 A/B 或产品实验转成行动建议finance-reportMasthead + KPI + 收入/烧钱图 + P&L 表 + 重点 + 展望flowai-team-dashboard三个 tab 的团队管理后台: 成员、详情、活动日志, 含图表 + CSV 导出frame-data-chart-nytNYT-newsroom 排版 + 错峰揭示动画 + 编辑级图表 (折线/柱/范围带)frame-flowchart-stickySVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstormframe-glitch-title数字故障 / 像散偏移 / 数据腐败标题, 适合视频转场 / cyberpunk heroframe-light-leak-cinema胶片漏光 + 颗粒噪点 + 16:9 letterbox + 衬线大字, 电影感开场 / 章节卡frame-liquid-bg-heroWebGL 风流体置换背景 + 顶部叠加金句, 适合视频片头 / landing hero / 海报frame-logo-outroLogo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕frame-macos-notification拟真 macOS 通知 banner + app icon + 标题正文, 适合 video overlay / 产品发布预告gamified-app三屏: 封面 / 今日任务带 XP / 任务详情, 暗色舞台hr-onboarding首周日程 + buddy + 学习路径 + 设备 + 完成标准info-funnel3-6 阶递减漏斗, 突出转化率 / 筛选比例 / 流量损耗。竖图适合 IG Story / 小红书invoice标准发票: 寄件/收件 + 明细 + 税 + 总额 + 付款指引kanban-boardTo do / In progress / In review / Done 四列, 卡片 + 头像 + 泳道live-dashboardNotion 风团队仪表板, KPI + 7 日 sparkline + activity feed + 任务表magazine-posterSunday-paper 风格, 大字 serif headline + 双栏正文 + 编号 sectionsmeeting-notes标题 + 出席 + 议程 + 决议 + action items + 下次mobile-app像素级 iPhone 15 Pro 边框, 一屏 app 截图mobile-onboarding三个手机框并排: splash / value-prop / sign-inmockup-device-3diPhone + MacBook 仿 GLTF 静态展架, 屏幕内嵌真实 HTML 内容, 玻璃镜头折射, 360° 转盘构图motion-frames可循环 CSS 动效组合: 旋转环、地球仪、计时器、视差标签pm-spec问题 + 成功指标 + 范围 + user stories + 设计 + 发布 + 待解决