菜单
Design patterns for information architecture and hierarchical data display.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Workspace-level visual asset and canvas pipeline for generating documents, slides, and posters with rich layouts.
Enforces the full-width header / max-width body / full-width footer chrome pattern. Implements the filter+split rendering technique so background bleeds reach the viewport edge while inner content stays constrained.
Apply high-quality frontend design patterns with token-first implementation rules and NEZAM gate compliance.
Run before any design work on an unfamiliar codebase — extracts full UI context (components, layouts, routes, tokens, pages, extractable components) into 6 structured files in .cursor/context/design-init/.
Enforces the two-step design discipline: Step A pixel-perfect ground-truth reproduction → Step B exactly 2 branch variations. Applies to all design work in NEZAM.
Orchestrates high-performance infinite canvas systems, viewport transforms, and spatial indexing.
| skill_id | nezam-dashboard-ia-patterns |
| name | nezam-Dashboard Ia Patterns |
| tier | 3 |
| description | Design patterns for information architecture and hierarchical data display. |
| version | 1.0.0 |
| updated | "2026-05-13T00:00:00.000Z" |
| changelog | null |
Ensures dashboards are logically structured, prioritizing critical KPIs while allowing deep-dive exploration through consistent navigation.
graph TD
A[Global KPI Cards] --> B[Trend Charts]
B --> C[Categorical Breakdown]
C --> D[Granular Data Table]
E[Global Filter Bar] -.-> A
E -.-> B
E -.-> C
E -.-> D
/PLAN phase for analytical features.