Menu
Apply high-quality frontend design patterns with token-first implementation rules and NEZAM gate compliance.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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.
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.
Pure-Markdown context loader for design tasks. Agents call this skill at the start of any design task to load the correct subset of reference material from docs/reference/. Equivalent to impeccable's load-context.mjs but works without Node.js — pure agent instruction.
| name | nezam-frontend-design-pro |
| tier | 3 |
| description | Apply high-quality frontend design patterns with token-first implementation rules and NEZAM gate compliance. |
| version | 2.0.0 |
| updated | "2026-05-28T00:00:00.000Z" |
| changelog | ["2.0.0 — 2026-05-28: Upgraded to utilize design-intelligence plugins, open-design style selector, and strict anti-slop gating."] |
| breaking_changes | false |
Turn docs/DESIGN.md intent into production-grade frontend design direction while avoiding generic UI output and gate violations.
open-design style pack and brand DESIGN.md rules.theme-factory preset.anti-slop-validator (no raw pixel bypasses).