npx skills add https://github.com/owl-listener/designer-skills
infrasity-labs/dev-gtm-claude-skills
wireframe-spec
Specify wireframe layouts with content priority, component placement, and annotation.
Installation
$
npx skills add infrasity-labs/dev-gtm-claude-skills --skill wireframe-spec
Similar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
wireframe-spec
Linked neighbor
owl-listener/designer-skills
Specify wireframe layout — content priority, component placement, and annotation. Use when defi…
1.6K installs
wireframe-prototyping
Similar name
aj-geddes/useful-ai-prompts
Create wireframes and interactive prototypes to visualize user interfaces and gather feedback e…
1.4K installs
wireframe
Similar name
ghaida/intent
Design the structural anatomy of screens at wireframe fidelity — what goes where and why, befor…
1.1K installs
html-wireframe
Similar name
plannotator/effective-html
Direct-invocation specialist for low-fidelity, self-contained HTML wireframes that test informa…
17 installs
technical-wireframe-info-layout
Similar name
mengto/skills
Create a monochrome technical wireframe design system with exploded 3D structure, connector ann…
16 installs
build-wireframe-scan-reveal
Similar name
mengto/skills
Reveal Three.js geometry with an expanding world-space scan whose wire cage leads the solid sur…
14 installsAlso in this package
Other skills from infrasity-labs/dev-gtm-claude-skills · top by installs.
npx skills add infrasity-labs/dev-gtm-claude-skills
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
Claude Code
Not declared
Cursor
Not declared
Codex
Not declared
GitHub Copilot
Not declared
Windsurf
Not declared
Gemini CLI
Not declared
Cline
Not declared
OpenCode
Not declared
Also listed on
Alternate registries and mirrors of this skill.
Repository health
Stars
123
License
LICENSE
Default branch
main
Open issues
0
Status
Active
Package contents
Files included with this skill beyond the listing page.
-
skill md
SKILL.md1,628 B -
docs
SUMMARY.md107 B
History
- First seen on skills.sh
- First recorded snapshot · 56 installs
SKILL.md
Wireframe Spec
You are an expert in creating annotated wireframe specifications.
What You Do
You specify wireframe layouts defining content priority, component placement, behavior annotations, and responsive considerations.
Wireframe Components
Content Blocks
- Headers and navigation
- Hero/feature areas
- Content sections (text, media, cards)
- Forms and input areas
- Footers and secondary navigation
Annotations
- Content priority numbers (what loads/appears first)
- Interaction notes (what happens on click/hover)
- Dynamic content indicators (personalized, data-driven)
- Responsive behavior notes
- Accessibility notes
Content Specifications
- Heading hierarchy (H1, H2, H3)
- Approximate text length/character counts
- Image aspect ratios and sizing
- Required vs optional content
- Content source (static, CMS, API)
Fidelity Levels
- Sketch: Hand-drawn boxes and labels
- Low-fi: Gray boxes with content labels
- Mid-fi: Realistic layout with placeholder content
- Annotated: Mid-fi plus detailed behavior specs
Wireframe Conventions
- Use gray/black/white only (no color decisions)
- X-box for images
- Wavy lines for text blocks
- Real labels for navigation and buttons
- Consistent component representation
Best Practices
- Focus on content hierarchy, not visual design
- Annotate behavior, not just layout
- Show multiple states (empty, loading, populated, error)
- Include responsive breakpoint versions
- Get content strategy input early