القائمة
Strong frontend visual-design workflow. Use when building or improving UI, landing pages, dashboards, SaaS screens, responsive layouts, typography, color systems, spacing, visual hierarchy, empty states, or design polish.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Use when setting up or repairing repo agent instructions for Claude Code, Codex, or both. Proposes durable AGENTS.md, CLAUDE.md, and project memory changes before writing unless setup was explicitly requested.
Use for backend routes, API design, validation, database interactions, auth boundaries, response shapes, typed clients, error models, and integration-safe changes.
Use for slow pages, large bundles, slow APIs, database performance, caching, rendering jank, long sessions, and production-readiness polish.
Use for high-end UI, SaaS dashboards, landing pages, product websites, mobile responsive UI, visual redesign, UI polish, empty/loading/error states, motion, typography, and design quality rescue.
Use for long-running projects, context compaction, resume/handoff work, multi-session builds, or when the user asks to preserve project state. Proposes small verified memory docs before creating them unless setup was explicitly requested.
Use automatically for Claude Code work involving files, tools, bash, edits, tests, long commands, failed tool calls, or unfamiliar repos. Improves tool choice, prevents loops, and keeps work high-quality without adding broad context.
| name | Frontend Design |
| description | Strong frontend visual-design workflow. Use when building or improving UI, landing pages, dashboards, SaaS screens, responsive layouts, typography, color systems, spacing, visual hierarchy, empty states, or design polish. |
| allowed-tools | Read, Bash, Edit, MultiEdit, Write |
Use this skill to avoid generic UI output.
