القائمة
High-level governance for token hierarchy, naming conventions, and multi-platform synchronization (web, mobile, email).
التثبيت باستخدام 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.
| name | nezam-design-token-architecture |
| description | High-level governance for token hierarchy, naming conventions, and multi-platform synchronization (web, mobile, email). |
| version | 1.0.0 |
| updated | "2026-05-12T00:00:00.000Z" |
| changelog | [{"1.0.0":"Initial release as part of the Design Skill Gap Fill."}] |
| tier | 2 |
| breaking_changes | false |
Define the structural integrity and naming governance for the design system's token library. This skill ensures tokens are scalable, predictable, and platform-agnostic, enabling consistent branding across different tech stacks and devices.
blue-500, spacing-16). No meaning, just values.action-primary-bg, surface-default-padding).button-primary-shadow, input-border-focus).[Category]-[Property]-[Concept]-[Variant]-[State] pattern.color-background-primary-hover.tokens.json)..nezam/core/plans/design/TOKEN_NAMING_CONVENTION.md: The rulebook for naming new tokens..nezam/core/plans/design/PLATFORM_MAPPING.yaml: How tokens translate across different environments.DESIGN.md: Reflecting the architectural tiers.