Claude MarketplacesSubmit
manutej avatar

Wireframing

manutej/luxor-claude-marketplace

This one walks you through low to high fidelity wireframes, information architecture, and user flows with a clear spectrum from paper sketches to interactive prototypes. You get concrete guidance on when to use each fidelity level, which matters because jumping to high-fi too early wastes time. The source covers annotation techniques, the actual elements you'd include at each stage, and treats wireframing as a communication tool first and a design artifact second. Useful if you're working with designers or doing product work where you need to sketch out interfaces before committing to builds. The examples distinguish between stakeholder workshops, developer handoff, and user testing contexts.

skills.sh installs
568
GitHub stars
63
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add manutej/luxor-claude-marketplace --skill wireframing --agent claude-code

Installs into .claude/skills of the current project.

Files

Wireframing Skill

Table of Contents

  1. When to Use This Skill
  2. Core Concepts
  3. Wireframe Types
  4. Information Architecture
  5. User Flows
  6. Wireframe Elements
  7. Annotation and Specification
  8. Tools and Technologies
  9. Iteration Process
  10. Best Practices
  11. Wireframing Examples

When to Use This Skill

Wireframing is essential during various phases of product development and design:

Early Product Discovery

  • Requirements gathering: Visualize stakeholder ideas and requirements
  • Concept exploration: Quickly test multiple design directions
  • Feasibility assessment: Identify technical constraints early
  • Scope definition: Define feature sets and functionality boundaries
SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/manutej/luxor-claude-marketplace
Categories
Code Review & Quality, Design & UI/UX
First seen
Jun 3, 2026

More from manutej/luxor-claude-marketplace

All 66

Recommended

More Code Review & Quality
1mrgoonie avatarmedia-processingmrgoonie/claudekit-skillsProcess multimedia files with FFmpeg (video/audio encoding, conversion, streaming, filtering, hardware acceleration) and ImageMagick (image manipulation, format568skills.sh installs
2mohitmishra786 avatarrust-crossmohitmishra786/low-level-dev-skillsRust cross-compilation skill. Use when building Rust binaries for a different target architecture or OS, using cross or cargo-zigbuild for hermetic cross-compil565skills.sh installs
3plugin87 avatardesign-componentplugin87/ux-ui-agent-skillsDesign a UI component spec to the house quality bar — anatomy, variants, sizes, the 8 states, token mapping, and accessibility. Use when the user wants to desig565skills.sh installs
4davila7 avatartailwind-patternsdavila7/claude-code-templatesTailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.564skills.sh installs
5plugin87 avatarux-writingplugin87/ux-ui-agent-skillsWrite or review UI copy — buttons, errors, empty states, microcopy, notifications, labels — using the voice & tone system (clear, concise, useful, human, honest564skills.sh installs
6rshankras avatarproduct-developmentrshankras/claude-code-apple-skillsEnd-to-end product development for iOS/macOS apps. Covers market research, competitive analysis, PRD generation, architecture specs, UX design, implementation g564skills.sh installs