固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图
Html Anything
Html Anything is an open-source frontend skill for Claude Code, Cursor, Codex, Gemini CLI, GitHub Copilot, and opencode, published by nexu-io. Its author describes it as: “✨ 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-cli…”. The project has 8.0k stars on GitHub and is available under the Apache-2.0 license. Add it to your setup with `git clone https://github.com/nexu-io/html-anything ~/.claude/skills/html-anything`.
Installation
Add Html Anything to your agent with:
git clone https://github.com/nexu-io/html-anything ~/.claude/skills/html-anything Always review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
When to use it
Reach for Html Anything when you want frontend help from Claude Code without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear Apache-2.0 license — safe to read and adapt
- Ships in nexu-io/html-anything, an established project with 8,013 GitHub stars
- Declares compatibility with Claude Code, Cursor, Codex, Gemini CLI, GitHub Copilot, opencode
- Actively maintained (recent commits)
Topics
Frequently asked questions
- What does Html Anything do?
- ✨ 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 / Gemini / Copilot / OpenCode / Qwen / Aider.
- How do I install Html Anything?
- Run git clone https://github.com/nexu-io/html-anything ~/.claude/skills/html-anything in your agent, then reload your skills. Review the source at https://github.com/nexu-io/html-anything before installing.
- Is Html Anything free to use?
- Yes. Html Anything is free and open source under the Apache-2.0 license, so you can read, run, and adapt it within that license's terms.
- Which agents does Html Anything work with?
- Html Anything declares compatibility with Claude Code, Cursor, Codex, Gemini CLI, GitHub Copilot, and opencode. Agent Skills use a portable SKILL.md format, so other compatible clients can usually load it too.
- Where does Html Anything come from?
- Html Anything ships inside nexu-io/html-anything, a repository that contains 41 catalogued skills in total. The repository's 8,013 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Frontend →消费感配对仪表板: 信号 ticker + KPI + 30 天柱状 + 趋势
奶油纸 + 锈红 + 蓝图网格 mask + 黑边硬卡片 + pipeline 盒
8 页单色背景, 160px display + 4px accent + Mono 箭头列表
暗 hero + 亮内容, 橙→桃 accent, 特性卡 + 定价 + CTA