메뉴
Apply high-quality frontend design patterns with token-first implementation rules and NEZAM gate compliance.
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.
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).