html-design

90 / 100 · Low risk

Fine to try. Some of what it can do is expected: a coding skill usually runs build and test commands.

By NimaChu/html-design (GitHub) · coding · 99 stars · scanned at commit 829670b

Create, redesign, repair, validate, preview, and package lightweight standalone HTML deliverables. Use for marketing experiences, product prototypes, infographics, motion narratives, documents, browser tools, dashboards, guided workflows, knowledge interfaces, mini-games, presentations, reusable style and brand systems, and local-model text, vision, image, or code tools that must run without a build chain or hosted service.

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this. Expected for a coding skill.

Found in 13 places.

SKILL.md, line 66python3 scripts/webapp.py kinds
SKILL.md, line 77python3 scripts/webapp.py scaffold \
SKILL.md, line 87python3 scripts/webapp.py scaffold \

Show 10 more

SKILL.md, line 99python3 scripts/webapp.py scaffold \
SKILL.md, line 109python3 scripts/webapp.py scaffold \
SKILL.md, line 120python3 scripts/webapp.py scaffold \
SKILL.md, line 131python3 scripts/webapp.py scaffold \
SKILL.md, line 146python3 scripts/webapp.py styleboard --out <folder> --title "<title>" --summary "<purpose>"
SKILL.md, line 152python3 scripts/webapp.py brand-init --from neutral-corporate --out <brand-folder> --name "<brand name>"
SKILL.md, line 173python3 scripts/webapp.py serve <folder> --open
SKILL.md, line 185python3 scripts/webapp.py validate <html-file-or-folder>
SKILL.md, line 199python3 scripts/check_skill.py
SKILL.md, line 207python3 scripts/generate_cover.py <folder> \

Connects to the internet

The author does not mention this.

Found in 11 places.

assets/starters/ai-tool/index.html, line 234const response = await fetch('/runtime/ai/chat', {
assets/starters/ai-tool/index.html, line 257const response = await fetch('/runtime/ai/image', {
assets/starters/ai-tool/index.html, line 318fetch('/runtime/health')

Show 8 more

references/local-models.md, line 35const response = await fetch('/runtime/ai/chat', {
references/local-models.md, line 53const response = await fetch('/runtime/ai/image', {
scripts/local_runtime.py, line 10import urllib.request
scripts/local_runtime.py, line 231request = urllib.request.Request(
scripts/local_runtime.py, line 239opener = urllib.request.build_opener(urllib.request.ProxyHandler({}))
scripts/local_runtime.py, line 241opener = urllib.request.build_opener()
tests/test_local_runtime.py, line 3import http.client
tests/test_local_runtime.py, line 67connection = http.client.HTTPConnection("127.0.0.1", self.port, timeout=3)

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'html-design' ] || [ -L ~/.agents/skills/'html-design' ]; then echo 'A skill folder named html-design already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/NimaChu/html-design' "$d" && git -C "$d" checkout --quiet '829670bea3500a9e42a6ed84c0110ec44e170ecc' -- '.' && mkdir -p ~/.agents/skills && cp -R "$d/." ~/.agents/skills/'html-design' && rm -rf ~/.agents/skills/'html-design'/.git && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'html-design' ~/.claude/skills/'html-design' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for NimaChu/html-design shows the score of its lowest-scoring skill.

SkillTrust badge for NimaChu/html-design

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/NimaChu/html-design.svg)](https://zalavijaysinh.github.io/skilltrust/repos/NimaChu/html-design/)

Score history

Date	Version	Score
2026-11-07	`829670b`	90