Strapi v5 admin UI design — DS v2 compound components, page layouts, tables, forms, modals, accessibility. Ships a source-derived component-catalog.md (46 DS v2.2.1 components: real props, compound slots, deprecations). Includes a PostToolUse hook that flags DS violations in admin/src/**/*.tsx, slash commands (/strapi-ui-component, /strapi-ui-audit), and a strapi-ui-reviewer sub-agent.
Plugin strapi-ui-design from marketplace opkod-marketplace in opkod-france/opkod-claude-code-plugins. Commands read from the repo's manifest — 1 month ago.
This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.
strapi-ui-designCreate polished, accessible Strapi v5 plugin admin interfaces using the Strapi Design System exclusively. Use this skill when building, revamping, or refactoring plugin admin pages including settings pages, custom panels, modals, forms, tables, and dashboards. Also invoke when the user mentions Stra
/strapi-ui-design:auditAudit a Strapi v5 plugin's admin/src/ for Design System v2 violations
/strapi-ui-design:componentScaffold a Strapi v5 admin UI component (settings | table | form | modal | dashboard) using the Strapi Design System
strapi-ui-reviewerUse this agent to review Strapi v5 admin UI code (admin/src/**/*.tsx) for Design System v2 conformance — compound component usage, Field.Root wrapping, Page/Layouts shell, accessibility (IconButton labels, Field.Hint/Error), and absence of native HTML, styled-components, alert(), hex colors, or depr
${CLAUDE_PLUGIN_ROOT}/scripts/check-admin-tsx.sh
Strapi v5 plugin development — Document Service API, factory patterns, RHF+Zod, TanStack Query v5. Includes auto-firing hooks (anti-pattern detection, schema validation, context injection), slash commands (/strapi-scaffold-plugin, /strapi-add-content-type, /strapi-add-cm-panel, /strapi-verify), and a strapi-reviewer sub-agent.
1 skill · 4 commands · 1 agent · hooks
Professional UI design principles using Tailwind CSS and shadcn/ui. Apply Refactoring UI methodology — now with /refactor and /review commands plus a ui-reviewer sub-agent for context-isolated reviews.
1 skill · 2 commands · 1 agent
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
1 skill
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
Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.
6 skills
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
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
Build, preview, and test UI components with Storybook.
7 skills
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.