Sp 04 Information Architecture Layout Grid — Design skill for Claude Code
SP-04: Information Architecture & Layout Grid.
How to install Sp 04 Information Architecture Layout Grid
Installs to ~/.claude/skills/polymathwizard-bhil-helm-sci-fi-visualizer-sp-04-information-architecture-layout-grid/SKILL.md
mkdir -p ~/.claude/skills/polymathwizard-bhil-helm-sci-fi-visualizer-sp-04-information-architecture-layout-grid && curl -fsSL https://raw.githubusercontent.com/PolymathWizard/BHIL-HELM-Sci-Fi-Visualizer/HEAD/prompts/sp-04-information-architecture-layout-grid.md -o ~/.claude/skills/polymathwizard-bhil-helm-sci-fi-visualizer-sp-04-information-architecture-layout-grid/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Sp 04 Information Architecture Layout Grid does
SP-04: Information Architecture & Layout Grid
*Place every data object in a zone with a priority, so the layout itself does the hierarchy work.*
Goal
The layout is the first legend the reader gets. Zones, priority order, and the language's hierarchy device carry meaning before any label is read.
Inputs
| Input | Form |
|---|---|
| SP-1 Data Register | Every field |
| SP-2 density budget and alert hierarchy | Per zone |
| SP-3 selected language | Hierarchy device |
[Constraints] |
Alternatives in Design
- Doc — Read, create, and edit .docx documents with formatting and layout fidelity 14.6k ★
- Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★
- Icm Architect — Claude skill: design any process, idea, or problem into an ICM workspace (folder structure as agent architectu 1.3k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
UX Planning
UX Planning — User Flows, Screen Inventory, Information Architecture und Interaction Patterns definieren
Extract Layout Constraints
CRITICAL REQUIREMENT: You MUST analyze the actual PDF document provided. DO NOT hallucinate, guess, or use pri
Reskin
Extract a measured design signature (type ramp, accent + its budget, grid unit, radius, layout) from a referen
Add Dashboard
Create a comprehensive metrics dashboard layout. Implement responsive grid using Bootstrap with metric cards a
ClawDeck
Control Stream Deck buttons for Claude Code terminal sessions with live status, tap-to-focus, hold-to-dictate,
Extract Reference Design
CRITICAL REQUIREMENT: You MUST analyze the actual PDF document provided. DO NOT hallucinate, guess, or use pri
Related Agents
UX Architect
Technical UX architect for CSS design systems, responsive layout frameworks, information architecture, and imp
Game Level Designer
Level Designer (specialist). Spawn patterns, wave composition, boss patterns, biome layout. Activated for hord
Layout Analyst
Diagnose layout, spacing, grid systems, density, and responsive behavior.