Install
$ agentstack add skill-podo-design-agent-skills-design-html ✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
Verified badge
Passed review? Show it. Paste this badge into your README, it links to the public security report.
Reliability & compatibility
Declared compatibility
Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.
We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.
How agent discovery & health will work →About
design-html
> Catalogue stub — full skill: garrytan/gstack
Decision tree
- Is the full skill already installed?
Check whether the skill at this location still has a das: block:
- Global:
grep -q "^das:" ~/.agents/skills/design-html/SKILL.md 2>/dev/null && echo "pointer" || echo "installed" - Project:
grep -q "^das:" .agents/skills/design-html/SKILL.md 2>/dev/null && echo "pointer" || echo "installed" - No
das:block → full skill installed, invoke it and proceed das:block present → go to step 2
- Detect scope, then install:
To detect scope: ``bash [ -e ~/.agents/skills/design-html ] && echo "global" || echo "project" ``
Global (installed with -g): ``bash npx skills add garrytan/gstack --skill design-html -g -y ``
Project (installed without -g): ``bash npx skills add garrytan/gstack --skill design-html -y ` > **Claude Code:** send either command as a chat message starting with !` to run it without leaving the conversation.
Invoke after install
- Skill name:
design-html - Trigger phrases: "design html", "design to HTML", "implement design", "mockup to code"
What it does
Translates design specs, mockups, or Figma descriptions into production-ready HTML/CSS with pixel-level fidelity. Part of Garry Tan's gstack — focused on faithful implementation that preserves typographic choices, spacing relationships, and visual hierarchy from the design source.
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: podo
- Source: podo/design-agent-skills
- License: MIT
- Homepage: https://www.npmjs.com/package/design-agent-skills
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet, be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.