菜单
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).