From design-ui
Canonical frontend design skill for creating, reviewing, or restyling UI across 6 design families and 20 exemplars, from editorial and SaaS clarity to premium, tactile, and experimental directions.
npx claudepluginhub leolionart/claude-skills --plugin design-uiThis skill uses the workspace's default tool permissions.
Use this as the canonical design brain for most frontend/UI requests. Handle new UI work, polish passes, style selection, review, and style conversion through one family-and-exemplar system instead of scattered top-level modes.
references/coding-axes.mdreferences/design-taxonomy.mdreferences/families/editorial-typography/doctrine.mdreferences/families/editorial-typography/exemplars/editorial-minimalism.mdreferences/families/editorial-typography/exemplars/meaningful-minimalism.mdreferences/families/editorial-typography/exemplars/premium-monochrome.mdreferences/families/editorial-typography/exemplars/typography-first.mdreferences/families/editorial-typography/recipes.mdreferences/families/experimental-loud/doctrine.mdreferences/families/experimental-loud/exemplars/anti-design.mdreferences/families/experimental-loud/exemplars/brutalist-editorial-zine.mdreferences/families/experimental-loud/exemplars/cute-alism-kawaii-brutalism.mdreferences/families/experimental-loud/exemplars/neo-brutalism.mdreferences/families/experimental-loud/exemplars/y2k-retro-futurism.mdreferences/families/experimental-loud/recipes.mdreferences/families/grid-product/doctrine.mdreferences/families/grid-product/exemplars/bento-grid.mdreferences/families/grid-product/exemplars/clean-saas-gradient.mdreferences/families/grid-product/exemplars/inclusive-accessibility-first.mdreferences/families/grid-product/recipes.mdGuides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Automates semantic versioning and release workflow for Claude Code plugins: bumps versions in package.json, marketplace.json, plugin.json; verifies builds; creates git tags, GitHub releases, changelogs.
Use this as the canonical design brain for most frontend/UI requests. Handle new UI work, polish passes, style selection, review, and style conversion through one family-and-exemplar system instead of scattered top-level modes.
redesign-skill.references/router.md.references/design-taxonomy.md when the user speaks in mood words, visual keywords, or art-direction language.references/coding-axes.md.references/review-conversion.md.references/families/<family>/.high-agency -> flagship launches, asymmetry, strong hierarchy, anti-generic marketingeditorial-typography -> refined, reading-first, manifesto, luxury, typography-led workgrid-product -> SaaS, AI, dashboards, modular explainers, scan-friendly product marketingimmersive-premium -> glass, glow, 3D, atmosphere, cinematic premium techtactile-organic -> soft, rounded, ambient, approachable, friendly product directionsexperimental-loud -> neo-brutalism, Y2K, anti-design, culture-led disruptiontransform and opacity; avoid effect-heavy motion with no hierarchy role.Inter, purple/blue AI gradients, generic 3-column feature rows, card spam, and dead-flat motion.Return these blocks in order:
references/router.md for family and exemplar classificationreferences/design-taxonomy.md for broader style languagereferences/coding-axes.md for build translationreferences/review-conversion.md for critique and restylingreferences/families/*/doctrine.md for family grammarreferences/families/*/recipes.md for chooser logicreferences/families/*/exemplars/*.md for precision packsdesign-ui = canonical skill for new UI work, style direction, style review, and restyling across many aesthetic familiesredesign-skill = audit-first workflow for improving existing shipped interfaces with minimal disruption