nexu-io/html-anything: 81 Agent Skills
✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tweet · prototype · data report · Hyperframes) 🛡️ Sandboxed preview · 📤 1-click to WeChat / X / Zhihu / HTML / PNG 🔑 Zero API key — Claude Code / Cursor / Codex…
| Repository | nexu-io/html-anything · website |
|---|---|
| GitHub stars | 9,034 |
| Skills | 81 (the first 80 are listed below) |
| Category | Data and analytics |
| License | Apache-2.0 |
| Last updated | Sep 15, 2026 |
| Install counts | nexu-io/html-anything on skills.sh, Vercel's skills directory, which shows installs and security audits per skill |
Install nexu-io/html-anything
| All skills, any agent | npx skills add nexu-io/html-anything |
|---|---|
| One skill | npx skills add nexu-io/html-anything --skill article-magazine |
| Only for Claude Code | npx skills add nexu-io/html-anything -a claude-code, or copy a skill folder to ~/.claude/skills/ (all projects) or .claude/skills/ (one project) |
npx skills is the open-source skills CLI; it asks which agents to install for. Skills can include scripts that your agent will run: read a skill before installing it, as you would any code.
Skills in nexu-io/html-anything
| Skill | What it does |
|---|---|
| article-magazine | Substack / 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-nav | 8 页单色背景, 160px display + 4px accent + Mono 箭头列表 |
| deck-graphify-dark | 深夜渐变 + 漂浮 orbs + SVG 力导向图谱 + JetBrains Mono |
| deck-guizang-editorial | 电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘) |
| deck-hermes-cyber | 黑底 + CRT 网格扫描线 + $ 命令行标题 + 薄荷绿大字 + 三档 tag |
| deck-ljg-present | 把 outline 1:1 铸成色块大字宣言 deck, 原文不动只做美化。三档主题 black / red / yellow |
| deck-magazine-web | 电子杂志 × 电子墨水风, WebGL 流体背景 + 衬线 display |
| deck-obsidian-claude | GitHub-dark + 紫蓝环境光 + 三色渐变标题 + GitHub 风代码 |
| deck-open-slide-canvas | 锁死 1920×1080 画布, React 组件级自由组合, 不绑模板 |
| deck-pitch | 10 页融资 deck, 白底 + 蓝紫渐变 hero, traction 柱状, $X.XM ask |
| deck-presenter-mode | tokyo-night 默认主题, T 切换 5 主题, S 打开提词器 popup |
| deck-product-launch | 暗 hero + 亮内容, 橙→桃 accent, 特性卡 + 定价 + CTA |
| deck-replit | Replit 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-international | 16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange) |
| deck-tech-sharing | GitHub-dark + JetBrains Mono + 终端代码块, 含 agenda + Q&A |
| deck-xhs-pastel | 奶油底 + 柔光 blob + 马卡龙圆角卡片 + Playfair 斜体序号 |
| deck-xhs-post | 9 页 3:4 竖版图文, 暖 pastel + 虚线 sticker 卡片 |
| deck-xhs-white | 纯白 + 顶部彩虹 bar + 渐变文字 + 马卡龙软卡片 + 黑底 pill |
| digital-eguide | 两页跨页电子指南, 封面 + 课程页 + pull-quote + 步骤列表 |
| doc-kami-parchment | 暖羊皮纸底 (#f5f4ed) + 墨蓝单色 accent (#1B365D) + 单一衬线字体, 编辑级排印 |
| docs-page | 三栏文档页: 侧导航 + 正文 + 右 TOC |
| email-marketing | 产品发布邮件, 含 masthead、hero、CTA、规格表, table-fallback |
| eng-runbook | 服务概述 + alerts 表 + dashboards + 操作命令 + on-call + 事故清单 |
| exec-briefing-memo | Decision needed + recommendation + evidence + tradeoffs, 把复杂材料压成可拍板的一页 |
| experiment-readout | 假设 + 指标 + 结果 + 解释 + 决策, 把 A/B 或产品实验转成行动建议 |
| finance-report | Masthead + KPI + 收入/烧钱图 + P&L 表 + 重点 + 展望 |
| flowai-team-dashboard | 三个 tab 的团队管理后台: 成员、详情、活动日志, 含图表 + CSV 导出 |
| frame-data-chart-nyt | NYT-newsroom 排版 + 错峰揭示动画 + 编辑级图表 (折线/柱/范围带) |
| frame-flowchart-sticky | SVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstorm |
| frame-glitch-title | 数字故障 / 像散偏移 / 数据腐败标题, 适合视频转场 / cyberpunk hero |
| frame-light-leak-cinema | 胶片漏光 + 颗粒噪点 + 16:9 letterbox + 衬线大字, 电影感开场 / 章节卡 |
| frame-liquid-bg-hero | WebGL 风流体置换背景 + 顶部叠加金句, 适合视频片头 / landing hero / 海报 |
| frame-logo-outro | Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕 |
| frame-macos-notification | 拟真 macOS 通知 banner + app icon + 标题正文, 适合 video overlay / 产品发布预告 |
| gamified-app | 三屏: 封面 / 今日任务带 XP / 任务详情, 暗色舞台 |
| hr-onboarding | 首周日程 + buddy + 学习路径 + 设备 + 完成标准 |
| info-funnel | 3-6 阶递减漏斗, 突出转化率 / 筛选比例 / 流量损耗。竖图适合 IG Story / 小红书 |
| invoice | 标准发票: 寄件/收件 + 明细 + 税 + 总额 + 付款指引 |
| kanban-board | To do / In progress / In review / Done 四列, 卡片 + 头像 + 泳道 |
| live-dashboard | Notion 风团队仪表板, KPI + 7 日 sparkline + activity feed + 任务表 |
| magazine-poster | Sunday-paper 风格, 大字 serif headline + 双栏正文 + 编号 sections |
| meeting-notes | 标题 + 出席 + 议程 + 决议 + action items + 下次 |
| mobile-app | 像素级 iPhone 15 Pro 边框, 一屏 app 截图 |
| mobile-onboarding | 三个手机框并排: splash / value-prop / sign-in |
| mockup-device-3d | iPhone + MacBook 仿 GLTF 静态展架, 屏幕内嵌真实 HTML 内容, 玻璃镜头折射, 360° 转盘构图 |
| motion-frames | 可循环 CSS 动效组合: 旋转环、地球仪、计时器、视差标签 |
| pm-spec | 问题 + 成功指标 + 范围 + user stories + 设计 + 发布 + 待解决 |
| poster-hero | 竖版海报 / 朋友圈分享图, 强视觉冲击 |
| ppt-keynote | 苹果 Keynote 级别幻灯片, 一屏一卡, 键盘左右切换 |
| pricing-page | 三档定价 + 特性对比表 + FAQ |
| prototype-web | 可点击的功能性 Web 原型, 含导航、英雄区、特性区、CTA |
| resume-modern | 现代极简简历, A4 单页, 适合打印或导出 PDF |
| saas-landing | 单页 SaaS 落地页, 含 hero/features/social-proof/pricing/CTA |
| social-carousel | 三张方形卡片轮播, 标题串联, 品牌 mark + 编号 |
| social-media-dashboard | 平台切换 + 粉丝/互动 KPI + 增长曲线 + Top post + 热门话题 |
| social-media-matrix | 电影感多平台社媒分析: 互动图、悬浮洞察、区间对比、明暗主题 |
| social-reddit-card | 拟真 Reddit 帖子卡 + 上下投票 + 评论数, 适合视频叠加 / 故事分享 |
| social-spotify-card | Spotify Now Playing 风格卡: 专辑封面 + 进度条 + 播放控制, 适配视频叠加 / 个人主页 |
| social-x-post-card | 拟真 X 推文卡片 + 互动数据 (likes/reposts/views), 适配视频叠加或图卡分享 |
| sprite-animation | 像素美术 + kinetic 字体的解说帧, 纯 CSS 循环, 可录视频 |
| team-okrs | 季度 banner + 3 个目标 + KR 进度条 + owner + 状态 pill |
| vfx-text-cursor | 光标拖光 + 彩色像散射线 + 定向光斑, 适合视频片头逐字揭示金句 |
| video-hyperframes | Hyperframes / Remotion 兼容的连续帧动画, 可自动播放 |
| waitlist-page | 极简产品预发布落地页, 含邮箱捕获、logo、装饰图层 |
| web-proto-brutalist | Swiss industrial-print 风: 单字 grotesque、巨数字、ASCII 装饰 |
| web-proto-editorial | Editorial-minimalist: 暖色单色 canvas + serif display + grotesque body |
| web-proto-soft | Apple 调: 银/奶 canvas + 双层斜面卡片 + button-in-button + spring |
| weekly-update | 6-8 页横向滑动周报: 已发布 / 进行中 / 阻塞 / 指标 / 求助 |
Names and descriptions come from each skill's SKILL.md and are written by the pack's authors.
More data and analytics skill packs
| # | Skill pack | Skills | GitHub stars | Updated |
|---|---|---|---|---|
| 1 |
vercel-labs/agent-browser Browser automation CLI for AI agents
|
10 | 43.7K | 2026-10-08 |
| 2 |
NVIDIA/SkillSpector Security scanner for AI agent skills. Detect vulnerabilities, malicious patterns, security risks, prompt injection, data exfiltra…
|
33 | 19.7K | 2026-10-08 |
| 3 |
SawyerHood/dev-browser A Claude Skill to give your agent the ability to use a web browser
|
1 | 6,657 | 2026-09-05 |
| 4 |
browser-act/skills Browser automation CLI built for AI agents. Break through anti-bot walls, hand off to humans across platforms when stuck. Paralle…
|
103 | 6,115 | 2026-08-24 |
| 5 |
larashero3-dotcom/lieflat-charts Data visualization Skill for AI Agents, turning data into polished, interactive HTML charts. 面向 AI Agents 的数据可视化 Skill，将数据快速生成精致、…
|
1 | 5,991 | 2026-09-05 |
| 6 |
Observal/Observal Observal is self-hosted registry for your coding agent extensions with a built in insight engine. Setup Observal, define the scop…
|
10 | 4,248 | 2026-10-08 |