القائمة
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.