wireframe

Generate website wireframes with sitemaps, homepage layouts, and page structures.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/seanng23/oblique-power-skills --skill wireframe-seanng23
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wireframe
Source: https://github.com/seanng23/oblique-power-skills/tree/main/oblique-cowork/skills/wireframe
Command: npx skills add https://github.com/seanng23/oblique-power-skills --skill wireframe-seanng23

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the need for a structured approach to website wireframe creation, ensuring consistency in design and content quality.

Core Features & Use Cases

  • Structured Wireframe Creation: Offers a systematic process for creating sitemaps, homepage wireframes, and remaining pages.
  • Copywriting Integration: Ensures all copy adheres to Oblique's standard framework.
  • Design Rules Enforcement: Applies Oblique's visual language and design rules to wireframes.
  • Use Case: For a new client project, use this Skill to generate a complete wireframe set, including sitemap, homepage, and all other pages based on the client's requirements.

Quick Start

Generate a wireframe for the "Oblique" client, including a sitemap, homepage, and all remaining pages.

Frequently Asked Questions about wireframe

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create detailed website wireframes with structured copy?

To create website wireframes with structured copy, you need a systematic process that generates sitemaps, homepage layouts, and page structures while integrating copywriting and design rule frameworks to ensure visual compliance and content consistency.

What is the best way to plan a website design project from scratch?

The best way to plan a website design project is to generate a complete wireframe set that includes a sitemap, homepage layout, and all remaining pages, ensuring every page adheres to established visual language and design rules.

How do I ensure my website wireframes follow a consistent visual language?

To ensure wireframes follow a consistent visual language, apply a structured design system framework that enforces specific design rules and integrates copywriting standards across all generated page structures and layouts.

Can I generate a complete sitemap and homepage wireframe for a new client project?

Yes, you can generate a complete wireframe set for a new client project by processing the client's requirements to automatically produce the sitemap, homepage wireframe, and all remaining page structures in a structured format.

Does wireframe creation integrate with existing copywriting frameworks?

Yes, structured wireframe creation integrates directly with copywriting frameworks, ensuring all generated text content adheres to standard copywriting rules and maintains consistency with the overall design system.

What are the limitations of using a structured approach for website wireframing?

A structured approach to website wireframing requires strict adherence to predefined design rules and visual language frameworks, meaning outputs are highly standardized and may lack flexibility for unconventional layout designs.