claudecodex

ui-plugins

UI design and polish skills for Grok. anti-ui-slop, UI design/radar/slop-score, transitions, design-system extraction, polish components, and agentation.

0 on GitHubby XYLEX Groupv1.0.0MITupdated 3 months agodesign
/

Plugin ui-plugins from marketplace xylex-group in xylex-group/skills. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (9)

  • agentation

    Add Agentation visual feedback toolbar to a Next.js project. Use when the user asks about agentation, needs to implement or review agentation code, or runs related commands.

  • anti-ui-slop

    Stop AI coding agents from shipping generic UI. Use for web or mobile UI design, frontend implementation, redesigns, UI reviews, and pre-ship polish when Codex, Claude Code, Cursor, Copilot, or another agent needs a product-specific direction, complete interaction states, and a hard finish gate.

  • extract-design-system

    Extract design primitives from a public website and generate starter token files for your project.

  • polish-ui-components

    Design and refine polished UI components that feel premium, tactile, and production-ready. Use when Codex is building or upgrading component-heavy frontend work and needs stronger motion, design tokens, layered shadows, tactile press states, drag physics, snap behavior, reveal animations, accessibil

  • transitions-dev

    Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group hovers, error state shakes, search/input clear, skeleton loaders, shimmer t

  • transitions-polish

    Polish and refine existing motion against the transitions.dev motion-token scale — duration, distance, scale, blur, and easing — plus the rules for WHEN each token applies (open/close asymmetry, hover-in vs hover-out, stagger offsets, and intent delays). An add-on to the transitions-dev skill, focus

  • ui-design

    Design, build, or improve web and mobile interfaces using real product examples from UIZZE’s 800,000+ web and iOS screens. Use for UI design, UX design, frontend or web design, mobile app UI, responsive layouts, design systems, redesigns, visual polish, interface critique, and requests like “make th

  • ui-radar

    Find and compare real UI examples from UIZZE’s 800,000+ web and iOS screens. Use for UI inspiration, UI research, design references, comparable apps, user flows, layouts, navigation, components, interaction states, and product patterns before designing or redesigning an interface.

  • ui-slop-score

    Review a rendered web or mobile interface and score how generic it looks. Use for UI critique, design review, visual polish, screenshot review, pre-merge checks, and requests to fix AI-looking UI or explain why an interface feels generic.

View source on GitHub

More from xylex-group/skills

All 13 plugins →

athena

claudecodex

Athena platform integration. Auth, JS/Rust SDKs, billing, storage, edge adapters, and workspace architecture guidance for building on Athena from Grok.

19 skills

0

agent-tools

claudecodex

Agent authoring and workflow tools for Grok. Skill create/update, Linear triage, Ultracite/Tailwind setup, Blume docs, error registry, Next.js data security, and more.

14 skills

0

cloudflare

claudecodex

Cloudflare platform skills for Grok. Workers, Wrangler, Durable Objects, Agents SDK, Sandbox SDK, Turnstile, Cloudflare One, email, service bindings, and web performance.

13 skills

0

heroui

claudecodex

HeroUI v3 integration. React and Native components, theming (oklch), styling, composition, dark mode, frameworks (Next.js / Vite), CLI, animations, design principles, and v2→v3 migration guidance for Grok.

12 skills

0

audit-code-quality

claudecodex

Code quality audit skills for Grok. Duplicate and dead-code audits, blast zones, contract drift, frontend hygiene, fallow analysis, shrink plans, and ranked audit reports.

7 skills

0

engineering

claudecodex

Engineering practice skills for Grok. TDD, dual-suite SDD, code review, check-work verification, and document-code-contracts.

6 skills

0

Similar plugins

example-skills

claude

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

pr-review-toolkit

claude

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

impeccable

claude

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain ui-plugins?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins13 plugins