القائمة
Build UI with shadcn/ui components first, including chart patterns from shadcn/ui charts guidance. Use CLI-driven component generation and consistent design tokens.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Enforces an opinionated UI baseline to prevent AI-generated interface slop.
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
Implement Better Auth flows from official LLM/docs guidance with CLI-first schema updates, organization+teams, invitation redirects, and permission-aware UI.
| name | shadcn-ui-charts |
| description | Build UI with shadcn/ui components first, including chart patterns from shadcn/ui charts guidance. Use CLI-driven component generation and consistent design tokens. |
Primary references:
DESIGN.md in the repo root as the design authority when it exists.src/components/ui/* components before custom primitives.DESIGN.md specifies Chai tokens.Light, Dark, Chai, System distinction from DESIGN.md; never treat Chai as the automatic dark-system result.DESIGN.md.src/components/ui.Card, Button, Input, Select, etc.).DESIGN.md, especially the rule that orange is highlight-only.