القائمة
UI quality enforcement skills from ibelick/ui-skills. Prevents AI-generated interface slop.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Generate or validate UI with design physics
Slot external knowledge into Rune constructs
Validate data correctness in web3 components
Capture taste preferences for design physics
Hypothesis validation and closed-loop learning
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
| name | ui-skills |
| description | UI quality enforcement skills from ibelick/ui-skills. Prevents AI-generated interface slop. |
| source | https://github.com/ibelick/ui-skills |
| version | 2026-01 |
| construct | glyph |
Collection of UI quality enforcement skills. Prevents AI-generated interface slop.
| Skill | Purpose | When to Use |
|---|---|---|
| baseline-ui | Opinionated UI constraints | Any UI work |
| fixing-accessibility | A11y issue fixes | Accessibility review |
| fixing-motion-performance | Animation performance | Motion/animation work |
| fixing-metadata | SEO/metadata fixes | Pages, metadata |
motion/react for JS animationscn utility (clsx + tailwind-merge)aria-label to icon-only buttonsh-screen, use h-dvhsafe-area-inset for fixed elementsThese skills complement Glyph rules:
baseline-ui.md → rules/glyph/07-glyph-practices.mdfixing-accessibility.md → rules/glyph/03-glyph-protected.mdfixing-motion-performance.md → rules/glyph/05-glyph-animation.md