wireframer
Generate low-fidelity wireframes for UI layouts, user flows, and screen architecture. Focuses on structure and content hierarchy before visual design decisions are made.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill wireframerIs this agent skill safe to install?
- Gen Agent Trust Hubwarn
The skill functions as a loader stub that prompts the agent to download and install its full implementation from an external, unverified GitHub repository. It includes shell instructions to execute this remote code locally.
- Socketpass
No alerts
- Snykwarn
Risk: MEDIUM · 1 issue
What does this agent skill do?
wireframer
Catalogue stub — full skill: agilek/wireframer-skill
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/wireframer/SKILL.md 2>/dev/null && echo "pointer" || echo "installed" - Project:
grep -q "^das:" .agents/skills/wireframer/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
- Global:
-
Detect scope, then install:
To detect scope:
[ -e ~/.agents/skills/wireframer ] && echo "global" || echo "project"Global (installed with
-g):npx skills add agilek/wireframer-skill --skill wireframer -g -yProject (installed without
-g):npx skills add agilek/wireframer-skill --skill wireframer -yClaude Code: send either command as a chat message starting with
!to run it without leaving the conversation.
Invoke after install
- Skill name:
wireframer - Trigger phrases: "wireframe", "low fidelity", "lo-fi mockup", "UI structure"
What it does
Generates low-fidelity wireframes that establish layout, content hierarchy, and navigation structure before any visual design decisions. Forces content-first thinking and prevents premature pixel-pushing. Use before bringing in design skills like impeccable or ui-craft.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/wireframer">View wireframer on skillZs</a>