@design-ai/cli 4.55.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude-plugin/plugin.json +164 -0
- package/AGENTS.ko.md +126 -0
- package/AGENTS.md +182 -0
- package/CHANGELOG.md +6883 -0
- package/CLAUDE.md +39 -0
- package/LICENSE +21 -0
- package/README.ko.md +245 -0
- package/README.md +277 -0
- package/agents/README.md +14 -0
- package/agents/a11y-reviewer.md +121 -0
- package/agents/component-architect.md +57 -0
- package/agents/design-critic.md +46 -0
- package/agents/token-extractor.md +63 -0
- package/cli/bin/design-ai-mcp.mjs +6 -0
- package/cli/bin/design-ai.mjs +40 -0
- package/cli/commands/audit.mjs +111 -0
- package/cli/commands/check.mjs +226 -0
- package/cli/commands/doctor.mjs +141 -0
- package/cli/commands/examples.mjs +58 -0
- package/cli/commands/help.mjs +271 -0
- package/cli/commands/install.mjs +161 -0
- package/cli/commands/learn.mjs +1871 -0
- package/cli/commands/list.mjs +143 -0
- package/cli/commands/mcp.mjs +27 -0
- package/cli/commands/pack.mjs +211 -0
- package/cli/commands/prompt.mjs +199 -0
- package/cli/commands/route.mjs +247 -0
- package/cli/commands/search.mjs +60 -0
- package/cli/commands/show.mjs +52 -0
- package/cli/commands/site.mjs +558 -0
- package/cli/commands/status.mjs +161 -0
- package/cli/commands/uninstall.mjs +119 -0
- package/cli/commands/update.mjs +184 -0
- package/cli/commands/version.mjs +94 -0
- package/cli/commands/workspace.mjs +176 -0
- package/cli/lib/brief.mjs +52 -0
- package/cli/lib/check.mjs +642 -0
- package/cli/lib/dispatch.mjs +109 -0
- package/cli/lib/doctor.mjs +505 -0
- package/cli/lib/examples.mjs +258 -0
- package/cli/lib/exec.mjs +63 -0
- package/cli/lib/help-flags.mjs +5 -0
- package/cli/lib/learn.mjs +3694 -0
- package/cli/lib/log.mjs +47 -0
- package/cli/lib/mcp-server.mjs +426 -0
- package/cli/lib/output.mjs +101 -0
- package/cli/lib/pack.mjs +599 -0
- package/cli/lib/paths.mjs +63 -0
- package/cli/lib/prompt.mjs +603 -0
- package/cli/lib/route.mjs +740 -0
- package/cli/lib/search.mjs +158 -0
- package/cli/lib/show.mjs +161 -0
- package/cli/lib/signals.mjs +2337 -0
- package/cli/lib/site.mjs +6617 -0
- package/cli/lib/skill-proposals.mjs +2046 -0
- package/cli/lib/suggest.mjs +66 -0
- package/cli/lib/workspace.mjs +1056 -0
- package/commands/README.md +25 -0
- package/commands/component-spec.md +34 -0
- package/commands/conversational.md +44 -0
- package/commands/design-from-brief.md +141 -0
- package/commands/design-review.md +62 -0
- package/commands/document-from-brief.md +47 -0
- package/commands/extract-tokens.md +38 -0
- package/commands/game-ui.md +40 -0
- package/commands/illustration.md +37 -0
- package/commands/iterate.md +167 -0
- package/commands/motion-design.md +54 -0
- package/commands/palette-from-brand.md +50 -0
- package/commands/print.md +49 -0
- package/commands/slide-deck.md +46 -0
- package/commands/spatial.md +47 -0
- package/commands/stability-review.md +74 -0
- package/commands/video.md +42 -0
- package/commands/website-improvement.md +77 -0
- package/docs/AGENT-DEVELOPMENT.md +658 -0
- package/docs/AI-LEARNING.md +429 -0
- package/docs/AIDER-INTEGRATION.md +224 -0
- package/docs/ARCHITECTURE.ko.md +183 -0
- package/docs/ARCHITECTURE.md +105 -0
- package/docs/CODEX-INTEGRATION.md +311 -0
- package/docs/COMPANY-WEBSITE-DOGFOOD.ko.md +144 -0
- package/docs/COMPANY-WEBSITE-DOGFOOD.md +150 -0
- package/docs/COMPANY-WEBSITE-INTAKE-TEMPLATE.ko.md +153 -0
- package/docs/COMPANY-WEBSITE-INTAKE-TEMPLATE.md +154 -0
- package/docs/CONTRIBUTING.ko.md +203 -0
- package/docs/CONTRIBUTING.md +242 -0
- package/docs/CURSOR-INTEGRATION.md +220 -0
- package/docs/DISTRIBUTION.ko.md +248 -0
- package/docs/DISTRIBUTION.md +253 -0
- package/docs/DOGFOOD-FINDINGS.md +180 -0
- package/docs/DOGFOOD-V4-FINDINGS.md +139 -0
- package/docs/DOGFOOD-V4-MKDOCS-FINDINGS.md +233 -0
- package/docs/DOGFOOD-V4-NPM-FINDINGS.md +157 -0
- package/docs/DOGFOOD-V4-VSCODE-FINDINGS.md +135 -0
- package/docs/FIGMA-INTEGRATION.md +222 -0
- package/docs/MCP-INTEGRATION.md +243 -0
- package/docs/MIGRATION-v4.md +121 -0
- package/docs/PLUGIN-PACKAGING.md +240 -0
- package/docs/PRODUCT-READINESS.md +66 -0
- package/docs/QUICKSTART.ko.md +178 -0
- package/docs/QUICKSTART.md +179 -0
- package/docs/RELEASE-CHECKLIST.md +292 -0
- package/docs/ROADMAP.md +19495 -0
- package/docs/SESSION-LOG.md +940 -0
- package/docs/TOKEN-SYNC.md +237 -0
- package/docs/USING.ko.md +206 -0
- package/docs/USING.md +218 -0
- package/docs/WEBSITE-IMPROVEMENT.ko.md +75 -0
- package/docs/WEBSITE-IMPROVEMENT.md +89 -0
- package/docs/announcements/README.md +56 -0
- package/docs/announcements/dev-to-korea.md +206 -0
- package/docs/announcements/hashnode-post.ko.md +232 -0
- package/docs/announcements/okky-post.ko.md +158 -0
- package/docs/announcements/press-kit.md +101 -0
- package/docs/announcements/reddit-r-korea.md +196 -0
- package/docs/announcements/show-hn.md +114 -0
- package/docs/announcements/twitter-thread.md +255 -0
- package/docs/external-status.md +34 -0
- package/docs/integrations/aider-walkthrough.ko.md +275 -0
- package/docs/integrations/aider-walkthrough.md +274 -0
- package/docs/integrations/codex-walkthrough.ko.md +297 -0
- package/docs/integrations/codex-walkthrough.md +297 -0
- package/docs/integrations/cursor-walkthrough.ko.md +281 -0
- package/docs/integrations/cursor-walkthrough.md +284 -0
- package/docs/integrations/design-ai-mcp-server.md +169 -0
- package/docs/integrations/figma-mcp.md +149 -0
- package/docs/integrations/github-mcp.md +178 -0
- package/docs/integrations/linear-mcp.md +215 -0
- package/docs/integrations/notion-mcp.md +174 -0
- package/docs/integrations/sdk-walkthrough.ko.md +375 -0
- package/docs/integrations/sdk-walkthrough.md +375 -0
- package/docs/integrations/slack-mcp.md +208 -0
- package/docs/integrations/vscode-walkthrough.ko.md +202 -0
- package/docs/integrations/vscode-walkthrough.md +205 -0
- package/docs/requirements.txt +16 -0
- package/docs/site-overrides/extra.css +83 -0
- package/docs/site-overrides/favicon.svg +4 -0
- package/docs/site-overrides/logo.svg +10 -0
- package/docs/site-overrides/main.html +18 -0
- package/docs/website-console/app.js +2540 -0
- package/docs/website-console/index.html +24 -0
- package/docs/website-console/styles.css +975 -0
- package/examples/README.md +252 -0
- package/examples/cases/dogfood-v4-korean-hr-onboarding.md +356 -0
- package/examples/component-accordion-actions.md +153 -0
- package/examples/component-accordion-details.md +147 -0
- package/examples/component-accordion-summary.md +180 -0
- package/examples/component-accordion.md +229 -0
- package/examples/component-account-card.md +284 -0
- package/examples/component-address-input.md +260 -0
- package/examples/component-affix.md +190 -0
- package/examples/component-alert-dialog.md +210 -0
- package/examples/component-alert-title.md +77 -0
- package/examples/component-alert.md +192 -0
- package/examples/component-amount-input.md +278 -0
- package/examples/component-anchor.md +198 -0
- package/examples/component-app-bar.md +249 -0
- package/examples/component-aspect-ratio.md +156 -0
- package/examples/component-auto-complete.md +199 -0
- package/examples/component-avatar-group.md +170 -0
- package/examples/component-avatar.md +191 -0
- package/examples/component-back-top.md +123 -0
- package/examples/component-backdrop.md +148 -0
- package/examples/component-badge.md +181 -0
- package/examples/component-banner.md +237 -0
- package/examples/component-biometric-gate.md +281 -0
- package/examples/component-blockquote.md +153 -0
- package/examples/component-border-beam.md +207 -0
- package/examples/component-bottom-navigation.md +226 -0
- package/examples/component-box.md +112 -0
- package/examples/component-breadcrumb.md +222 -0
- package/examples/component-button-base.md +190 -0
- package/examples/component-button-group.md +117 -0
- package/examples/component-button.md +213 -0
- package/examples/component-calendar.md +280 -0
- package/examples/component-callout.md +131 -0
- package/examples/component-card-actions.md +101 -0
- package/examples/component-card-content.md +90 -0
- package/examples/component-card-header.md +122 -0
- package/examples/component-card-media.md +79 -0
- package/examples/component-card.md +233 -0
- package/examples/component-carousel.md +266 -0
- package/examples/component-cascader.md +135 -0
- package/examples/component-category-picker.md +271 -0
- package/examples/component-chart.md +237 -0
- package/examples/component-chat-interface.md +399 -0
- package/examples/component-checkbox.md +149 -0
- package/examples/component-click-away-listener.md +87 -0
- package/examples/component-code.md +213 -0
- package/examples/component-collapsible.md +219 -0
- package/examples/component-color-picker.md +110 -0
- package/examples/component-combobox.md +267 -0
- package/examples/component-command.md +299 -0
- package/examples/component-config-provider.md +190 -0
- package/examples/component-context-menu.md +179 -0
- package/examples/component-css-baseline.md +148 -0
- package/examples/component-date-picker.md +249 -0
- package/examples/component-descriptions.md +242 -0
- package/examples/component-dialog-actions.md +111 -0
- package/examples/component-dialog-content-text.md +76 -0
- package/examples/component-dialog-content.md +105 -0
- package/examples/component-dialog-title.md +104 -0
- package/examples/component-dialog.md +176 -0
- package/examples/component-divider.md +182 -0
- package/examples/component-doc-page.md +217 -0
- package/examples/component-drawer.md +257 -0
- package/examples/component-dropdown.md +220 -0
- package/examples/component-email-layout.md +253 -0
- package/examples/component-empty-state.md +269 -0
- package/examples/component-empty.md +172 -0
- package/examples/component-fade.md +87 -0
- package/examples/component-feature-grid.md +201 -0
- package/examples/component-field.md +266 -0
- package/examples/component-filled-input.md +114 -0
- package/examples/component-flex.md +117 -0
- package/examples/component-float-button.md +214 -0
- package/examples/component-form-control-label.md +134 -0
- package/examples/component-form-control.md +113 -0
- package/examples/component-form-controls.md +251 -0
- package/examples/component-form-group.md +86 -0
- package/examples/component-form-helper-text.md +95 -0
- package/examples/component-form-label.md +98 -0
- package/examples/component-form.md +291 -0
- package/examples/component-game-hud.md +362 -0
- package/examples/component-game-menu.md +327 -0
- package/examples/component-grid.md +140 -0
- package/examples/component-grow.md +79 -0
- package/examples/component-hero-block.md +252 -0
- package/examples/component-hover-card.md +211 -0
- package/examples/component-icon-button.md +142 -0
- package/examples/component-icon.md +102 -0
- package/examples/component-illustration.md +280 -0
- package/examples/component-image-list.md +107 -0
- package/examples/component-image.md +282 -0
- package/examples/component-input-adornment.md +101 -0
- package/examples/component-input-base.md +134 -0
- package/examples/component-input-number.md +141 -0
- package/examples/component-input-otp.md +271 -0
- package/examples/component-input.md +213 -0
- package/examples/component-item.md +243 -0
- package/examples/component-kbd.md +197 -0
- package/examples/component-krw-amount.md +219 -0
- package/examples/component-label.md +118 -0
- package/examples/component-layout.md +217 -0
- package/examples/component-link.md +223 -0
- package/examples/component-list-item-avatar.md +72 -0
- package/examples/component-list-item-button.md +139 -0
- package/examples/component-list-item-icon.md +82 -0
- package/examples/component-list-item-text.md +98 -0
- package/examples/component-list-item.md +116 -0
- package/examples/component-list-subheader.md +70 -0
- package/examples/component-list.md +198 -0
- package/examples/component-loading-button.md +125 -0
- package/examples/component-loading-sequence.md +254 -0
- package/examples/component-lottie-player.md +279 -0
- package/examples/component-masonry.md +191 -0
- package/examples/component-mentions.md +189 -0
- package/examples/component-menu-item.md +102 -0
- package/examples/component-menu-list.md +98 -0
- package/examples/component-menu.md +139 -0
- package/examples/component-menubar.md +259 -0
- package/examples/component-message.md +162 -0
- package/examples/component-mobile-stepper.md +155 -0
- package/examples/component-modal.md +220 -0
- package/examples/component-navigation-menu.md +295 -0
- package/examples/component-notification.md +166 -0
- package/examples/component-otp-countdown.md +245 -0
- package/examples/component-outlined-input.md +145 -0
- package/examples/component-page-transition.md +281 -0
- package/examples/component-pagination.md +226 -0
- package/examples/component-paper.md +199 -0
- package/examples/component-pass-auth.md +265 -0
- package/examples/component-payment-brand-button.md +253 -0
- package/examples/component-payment-method-selector.md +272 -0
- package/examples/component-payment-receipt.md +277 -0
- package/examples/component-popconfirm.md +144 -0
- package/examples/component-popover.md +239 -0
- package/examples/component-popper.md +129 -0
- package/examples/component-pricing-cards.md +247 -0
- package/examples/component-progress.md +195 -0
- package/examples/component-qr-code.md +201 -0
- package/examples/component-radio.md +167 -0
- package/examples/component-rate.md +202 -0
- package/examples/component-resizable.md +163 -0
- package/examples/component-result.md +270 -0
- package/examples/component-scroll-area.md +199 -0
- package/examples/component-scroll-reveal.md +320 -0
- package/examples/component-segmented.md +178 -0
- package/examples/component-select.md +258 -0
- package/examples/component-separator.md +177 -0
- package/examples/component-sheet.md +277 -0
- package/examples/component-sidebar.md +257 -0
- package/examples/component-skeleton.md +178 -0
- package/examples/component-slide.md +89 -0
- package/examples/component-slider.md +208 -0
- package/examples/component-snackbar-content.md +92 -0
- package/examples/component-snackbar.md +121 -0
- package/examples/component-sonner.md +165 -0
- package/examples/component-space.md +125 -0
- package/examples/component-spatial-locomotion.md +373 -0
- package/examples/component-spatial-panel.md +330 -0
- package/examples/component-speed-dial-action.md +78 -0
- package/examples/component-speed-dial.md +177 -0
- package/examples/component-spin.md +173 -0
- package/examples/component-spinner.md +204 -0
- package/examples/component-splitter.md +210 -0
- package/examples/component-stack.md +130 -0
- package/examples/component-statistic.md +282 -0
- package/examples/component-step-button.md +157 -0
- package/examples/component-step-connector.md +157 -0
- package/examples/component-step-content.md +121 -0
- package/examples/component-step-icon.md +115 -0
- package/examples/component-step-label.md +101 -0
- package/examples/component-step.md +84 -0
- package/examples/component-steps.md +264 -0
- package/examples/component-stock-chart.md +251 -0
- package/examples/component-swipeable-drawer.md +149 -0
- package/examples/component-switch.md +99 -0
- package/examples/component-tab-scroll-button.md +180 -0
- package/examples/component-tab.md +120 -0
- package/examples/component-table-body.md +82 -0
- package/examples/component-table-cell.md +118 -0
- package/examples/component-table-container.md +75 -0
- package/examples/component-table-footer.md +72 -0
- package/examples/component-table-head.md +78 -0
- package/examples/component-table-pagination.md +137 -0
- package/examples/component-table-row.md +113 -0
- package/examples/component-table-sort-label.md +109 -0
- package/examples/component-table.md +202 -0
- package/examples/component-tabs.md +184 -0
- package/examples/component-tag-badge.md +309 -0
- package/examples/component-tag.md +102 -0
- package/examples/component-testimonial-carousel.md +218 -0
- package/examples/component-textarea-autosize.md +114 -0
- package/examples/component-textarea.md +173 -0
- package/examples/component-time-picker.md +205 -0
- package/examples/component-timeline.md +170 -0
- package/examples/component-toast.md +224 -0
- package/examples/component-toggle-button.md +129 -0
- package/examples/component-toggle.md +220 -0
- package/examples/component-toolbar.md +104 -0
- package/examples/component-tooltip.md +178 -0
- package/examples/component-tour.md +176 -0
- package/examples/component-transaction-list-item.md +243 -0
- package/examples/component-transfer.md +156 -0
- package/examples/component-tree-select.md +202 -0
- package/examples/component-tree.md +297 -0
- package/examples/component-typography.md +215 -0
- package/examples/component-upload.md +295 -0
- package/examples/component-video-hero.md +409 -0
- package/examples/component-video-player.md +340 -0
- package/examples/component-voice-input.md +408 -0
- package/examples/component-watermark.md +217 -0
- package/examples/component-zoom.md +92 -0
- package/examples/doc-explanation-example.md +196 -0
- package/examples/doc-how-to-example.md +205 -0
- package/examples/doc-tutorial-example.md +162 -0
- package/examples/dogfood-korean-fintech-system.md +433 -0
- package/examples/email-transactional-example.md +259 -0
- package/examples/palette-saas-violet.md +235 -0
- package/examples/print-business-card-spec.md +205 -0
- package/examples/print-packaging-spec.md +285 -0
- package/examples/report-example.md +228 -0
- package/examples/slide-deck-example.md +237 -0
- package/examples/website-improvement-report.md +128 -0
- package/examples/website-improvement-workspace.json +126 -0
- package/install.sh +189 -0
- package/knowledge/COVERAGE.md +740 -0
- package/knowledge/PRINCIPLES.md +108 -0
- package/knowledge/a11y/contrast.md +70 -0
- package/knowledge/a11y/keyboard-and-focus.md +108 -0
- package/knowledge/colors/color-theory.md +90 -0
- package/knowledge/colors/mui-palette-structure.md +105 -0
- package/knowledge/colors/palettes-by-product-type.md +876 -0
- package/knowledge/components/INDEX.md +231 -0
- package/knowledge/components/index.json +1470 -0
- package/knowledge/components/shadcn-registry.md +159 -0
- package/knowledge/conversational/ai-chat-interfaces.md +323 -0
- package/knowledge/conversational/chatbot-design.md +312 -0
- package/knowledge/conversational/conversational-ui-fundamentals.md +299 -0
- package/knowledge/conversational/korean-voice-conventions.md +281 -0
- package/knowledge/conversational/voice-ui-patterns.md +297 -0
- package/knowledge/design-tokens/ant-design.md +124 -0
- package/knowledge/design-tokens/material-3.md +235 -0
- package/knowledge/design-tokens/polaris-and-carbon.md +231 -0
- package/knowledge/design-tokens/tailwind-v4.md +284 -0
- package/knowledge/game-ui/game-accessibility.md +317 -0
- package/knowledge/game-ui/game-ui-fundamentals.md +281 -0
- package/knowledge/game-ui/hud-design.md +324 -0
- package/knowledge/game-ui/korean-gaming-conventions.md +312 -0
- package/knowledge/game-ui/menu-systems.md +388 -0
- package/knowledge/i18n/korean-app-store-visual.md +223 -0
- package/knowledge/i18n/korean-document-style.md +301 -0
- package/knowledge/i18n/korean-payments.md +211 -0
- package/knowledge/i18n/korean-product-conventions.md +96 -0
- package/knowledge/i18n/korean-publishing.md +139 -0
- package/knowledge/i18n/korean-typography.md +123 -0
- package/knowledge/icons/curated-sets.md +225 -0
- package/knowledge/illustration/hero-illustrations.md +234 -0
- package/knowledge/illustration/illustration-systems.md +221 -0
- package/knowledge/illustration/mascot-design.md +208 -0
- package/knowledge/illustration/spot-illustrations.md +246 -0
- package/knowledge/illustration/svg-optimization.md +308 -0
- package/knowledge/layout/spacing-and-grid.md +119 -0
- package/knowledge/motion/app-loading-sequences.md +277 -0
- package/knowledge/motion/choreography-depth.md +297 -0
- package/knowledge/motion/marketing-motion.md +223 -0
- package/knowledge/motion/micro-interactions.md +266 -0
- package/knowledge/motion/motion-tools.md +281 -0
- package/knowledge/motion/principles.md +126 -0
- package/knowledge/patterns/auth-flow-design.md +316 -0
- package/knowledge/patterns/b2b-onboarding-flows.md +182 -0
- package/knowledge/patterns/brand-identity.md +238 -0
- package/knowledge/patterns/brand-references.md +97 -0
- package/knowledge/patterns/chart-color-encoding.md +269 -0
- package/knowledge/patterns/chart-types.md +344 -0
- package/knowledge/patterns/dashboard-composition.md +299 -0
- package/knowledge/patterns/design-system-qa.md +356 -0
- package/knowledge/patterns/document-typography.md +248 -0
- package/knowledge/patterns/email-design.md +338 -0
- package/knowledge/patterns/empty-states.md +263 -0
- package/knowledge/patterns/error-states.md +318 -0
- package/knowledge/patterns/form-design.md +237 -0
- package/knowledge/patterns/information-architecture.md +341 -0
- package/knowledge/patterns/landing-hero-design.md +283 -0
- package/knowledge/patterns/landing-page-patterns.md +681 -0
- package/knowledge/patterns/list-and-feed.md +371 -0
- package/knowledge/patterns/mobile-navigation.md +278 -0
- package/knowledge/patterns/money-and-amount.md +301 -0
- package/knowledge/patterns/onboarding.md +300 -0
- package/knowledge/patterns/pricing-page-design.md +261 -0
- package/knowledge/patterns/realtime-data.md +280 -0
- package/knowledge/patterns/report-design.md +330 -0
- package/knowledge/patterns/search-ux.md +373 -0
- package/knowledge/patterns/settings-page.md +325 -0
- package/knowledge/patterns/slide-deck-design.md +316 -0
- package/knowledge/patterns/styles-catalog.md +2599 -0
- package/knowledge/patterns/technical-writing.md +306 -0
- package/knowledge/patterns/ui-reasoning.md +1853 -0
- package/knowledge/patterns/ux-guidelines.md +1454 -0
- package/knowledge/platforms/react-native.md +395 -0
- package/knowledge/print/brochures-and-flyers.md +276 -0
- package/knowledge/print/korean-print-conventions.md +284 -0
- package/knowledge/print/packaging.md +321 -0
- package/knowledge/print/print-fundamentals.md +238 -0
- package/knowledge/print/signage-and-posters.md +235 -0
- package/knowledge/print/stationery.md +262 -0
- package/knowledge/spatial/ar-patterns.md +253 -0
- package/knowledge/spatial/comfort-and-accessibility.md +245 -0
- package/knowledge/spatial/spatial-design-fundamentals.md +346 -0
- package/knowledge/spatial/spatial-ui-elements.md +343 -0
- package/knowledge/spatial/vr-patterns.md +302 -0
- package/knowledge/typography/font-pairings.md +332 -0
- package/knowledge/typography/mui-type-scale.md +57 -0
- package/knowledge/typography/type-scale-fundamentals.md +105 -0
- package/knowledge/video/in-product-video.md +277 -0
- package/knowledge/video/korean-video-conventions.md +247 -0
- package/knowledge/video/marketing-video.md +258 -0
- package/knowledge/video/social-and-short-form.md +257 -0
- package/knowledge/video/video-fundamentals.md +296 -0
- package/package.json +106 -0
- package/skills/README.md +39 -0
- package/skills/color-palette/PLAYBOOK.md +175 -0
- package/skills/color-palette/SKILL.md +6 -0
- package/skills/color-palette/TEMPLATE.md +103 -0
- package/skills/component-spec-writer/PLAYBOOK.md +169 -0
- package/skills/component-spec-writer/SKILL.md +6 -0
- package/skills/component-spec-writer/TEMPLATE.md +115 -0
- package/skills/conversational-ui-designer/PLAYBOOK.md +231 -0
- package/skills/conversational-ui-designer/SKILL.md +6 -0
- package/skills/design-broadcast/PLAYBOOK.md +146 -0
- package/skills/design-broadcast/SKILL.md +6 -0
- package/skills/design-critique/PLAYBOOK.md +137 -0
- package/skills/design-critique/SKILL.md +6 -0
- package/skills/design-pr-review/PLAYBOOK.md +171 -0
- package/skills/design-pr-review/SKILL.md +6 -0
- package/skills/design-system-builder/PLAYBOOK.md +218 -0
- package/skills/design-system-builder/SKILL.md +6 -0
- package/skills/design-system-qa/PLAYBOOK.md +163 -0
- package/skills/design-system-qa/SKILL.md +6 -0
- package/skills/document-author/PLAYBOOK.md +167 -0
- package/skills/document-author/SKILL.md +6 -0
- package/skills/figma-token-sync/PLAYBOOK.md +149 -0
- package/skills/figma-token-sync/SKILL.md +6 -0
- package/skills/game-ui-designer/PLAYBOOK.md +209 -0
- package/skills/game-ui-designer/SKILL.md +6 -0
- package/skills/handoff-spec/PLAYBOOK.md +170 -0
- package/skills/handoff-spec/SKILL.md +6 -0
- package/skills/illustration-designer/PLAYBOOK.md +166 -0
- package/skills/illustration-designer/SKILL.md +6 -0
- package/skills/motion-designer/PLAYBOOK.md +223 -0
- package/skills/motion-designer/SKILL.md +6 -0
- package/skills/print-designer/PLAYBOOK.md +209 -0
- package/skills/print-designer/SKILL.md +6 -0
- package/skills/slide-deck-author/PLAYBOOK.md +198 -0
- package/skills/slide-deck-author/SKILL.md +6 -0
- package/skills/spatial-designer/PLAYBOOK.md +238 -0
- package/skills/spatial-designer/SKILL.md +6 -0
- package/skills/ux-audit/PLAYBOOK.md +142 -0
- package/skills/ux-audit/SKILL.md +6 -0
- package/skills/video-designer/PLAYBOOK.md +240 -0
- package/skills/video-designer/SKILL.md +6 -0
- package/skills/website-improvement/PLAYBOOK.md +118 -0
- package/skills/website-improvement/SKILL.md +6 -0
- package/skills/website-improvement/TEMPLATE.md +103 -0
- package/tools/audit/changelog-generate.py +176 -0
- package/tools/audit/check-coverage.py +483 -0
- package/tools/audit/doctor_assertions.py +256 -0
- package/tools/audit/example-qa.py +108 -0
- package/tools/audit/frontmatter-check.py +199 -0
- package/tools/audit/integration-check.py +95 -0
- package/tools/audit/korean-copy-check.py +161 -0
- package/tools/audit/link-check.py +146 -0
- package/tools/audit/local-ci.py +558 -0
- package/tools/audit/package-contents.py +723 -0
- package/tools/audit/package-smoke.py +22443 -0
- package/tools/audit/raw-hex-check.py +252 -0
- package/tools/audit/registry-smoke.py +8188 -0
- package/tools/audit/release-metadata.py +9832 -0
- package/tools/audit/run-all.py +351 -0
- package/tools/audit/smoke_assertions.py +12742 -0
- package/tools/audit/stability-review.py +332 -0
- package/tools/audit/stale-check.py +156 -0
- package/tools/migrations/add-version-frontmatter.py +132 -0
- package/tools/migrations/bump-last-updated.py +131 -0
- package/tools/migrations/promote-stability.py +172 -0
- package/tools/preview/README.md +58 -0
- package/tools/preview/render-tokens.py +454 -0
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Component index across libraries
|
|
3
|
+
sources:
|
|
4
|
+
- refs/ant-design/components/
|
|
5
|
+
- refs/mui/packages/mui-material/src/
|
|
6
|
+
- refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/
|
|
7
|
+
extracted_at: 2026-05-19
|
|
8
|
+
applies_to: [react, design-system]
|
|
9
|
+
version: 1.0.0
|
|
10
|
+
last_updated: 2026-05
|
|
11
|
+
stability: stable
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
# Component index
|
|
15
|
+
|
|
16
|
+
Cross-reference of components across Ant Design, MUI, and shadcn-ui. Use this when picking a reference implementation for a new component, comparing API patterns, or filling gaps.
|
|
17
|
+
|
|
18
|
+
**Coverage**: Ant Design 79, MUI 132, shadcn-ui 56, 200 canonical components.
|
|
19
|
+
|
|
20
|
+
| Component | Ant Design | MUI | shadcn-ui |
|
|
21
|
+
| --- | --- | --- | --- |
|
|
22
|
+
| **_registry** | — | — | [`_registry`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/_registry.ts) |
|
|
23
|
+
| **accordion** | [`collapse`](refs/ant-design/components/collapse) | [`Collapse`](refs/mui/packages/mui-material/src/Collapse) | [`accordion`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/accordion.tsx) |
|
|
24
|
+
| **accordion-actions** | — | [`AccordionActions`](refs/mui/packages/mui-material/src/AccordionActions) | — |
|
|
25
|
+
| **accordion-details** | — | [`AccordionDetails`](refs/mui/packages/mui-material/src/AccordionDetails) | — |
|
|
26
|
+
| **accordion-summary** | — | [`AccordionSummary`](refs/mui/packages/mui-material/src/AccordionSummary) | — |
|
|
27
|
+
| **affix** | [`affix`](refs/ant-design/components/affix) | — | — |
|
|
28
|
+
| **alert** | [`alert`](refs/ant-design/components/alert) | [`Alert`](refs/mui/packages/mui-material/src/Alert) | [`alert`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/alert.tsx) |
|
|
29
|
+
| **alert-dialog** | — | — | [`alert-dialog`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/alert-dialog.tsx) |
|
|
30
|
+
| **alert-title** | — | [`AlertTitle`](refs/mui/packages/mui-material/src/AlertTitle) | — |
|
|
31
|
+
| **anchor** | [`anchor`](refs/ant-design/components/anchor) | — | — |
|
|
32
|
+
| **app** | [`app`](refs/ant-design/components/app) | — | — |
|
|
33
|
+
| **app-bar** | — | [`AppBar`](refs/mui/packages/mui-material/src/AppBar) | — |
|
|
34
|
+
| **aspect-ratio** | — | — | [`aspect-ratio`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/aspect-ratio.tsx) |
|
|
35
|
+
| **auto-complete** | [`auto-complete`](refs/ant-design/components/auto-complete) | [`Autocomplete`](refs/mui/packages/mui-material/src/Autocomplete) | — |
|
|
36
|
+
| **avatar** | [`avatar`](refs/ant-design/components/avatar) | [`Avatar`](refs/mui/packages/mui-material/src/Avatar) | [`avatar`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/avatar.tsx) |
|
|
37
|
+
| **avatar-group** | — | [`AvatarGroup`](refs/mui/packages/mui-material/src/AvatarGroup) | — |
|
|
38
|
+
| **back-top** | [`back-top`](refs/ant-design/components/back-top) | [`Fab`](refs/mui/packages/mui-material/src/Fab) | — |
|
|
39
|
+
| **backdrop** | — | [`Backdrop`](refs/mui/packages/mui-material/src/Backdrop) | — |
|
|
40
|
+
| **badge** | [`badge`](refs/ant-design/components/badge) | [`Badge`](refs/mui/packages/mui-material/src/Badge) | [`badge`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/badge.tsx) |
|
|
41
|
+
| **border-beam** | [`border-beam`](refs/ant-design/components/border-beam) | — | — |
|
|
42
|
+
| **bottom-navigation** | — | [`BottomNavigation`](refs/mui/packages/mui-material/src/BottomNavigation) | — |
|
|
43
|
+
| **bottom-navigation-action** | — | [`BottomNavigationAction`](refs/mui/packages/mui-material/src/BottomNavigationAction) | — |
|
|
44
|
+
| **box** | — | [`Box`](refs/mui/packages/mui-material/src/Box) | — |
|
|
45
|
+
| **breadcrumb** | [`breadcrumb`](refs/ant-design/components/breadcrumb) | [`Breadcrumbs`](refs/mui/packages/mui-material/src/Breadcrumbs) | [`breadcrumb`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/breadcrumb.tsx) |
|
|
46
|
+
| **button** | [`button`](refs/ant-design/components/button) | [`Button`](refs/mui/packages/mui-material/src/Button) | [`button`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/button.tsx) |
|
|
47
|
+
| **button-base** | — | [`ButtonBase`](refs/mui/packages/mui-material/src/ButtonBase) | — |
|
|
48
|
+
| **button-group** | — | [`ButtonGroup`](refs/mui/packages/mui-material/src/ButtonGroup) | [`button-group`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/button-group.tsx) |
|
|
49
|
+
| **card** | [`card`](refs/ant-design/components/card) | [`Card`](refs/mui/packages/mui-material/src/Card) | [`card`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/card.tsx) |
|
|
50
|
+
| **card-action-area** | — | [`CardActionArea`](refs/mui/packages/mui-material/src/CardActionArea) | — |
|
|
51
|
+
| **card-actions** | — | [`CardActions`](refs/mui/packages/mui-material/src/CardActions) | — |
|
|
52
|
+
| **card-content** | — | [`CardContent`](refs/mui/packages/mui-material/src/CardContent) | — |
|
|
53
|
+
| **card-header** | — | [`CardHeader`](refs/mui/packages/mui-material/src/CardHeader) | — |
|
|
54
|
+
| **card-media** | — | [`CardMedia`](refs/mui/packages/mui-material/src/CardMedia) | — |
|
|
55
|
+
| **carousel** | [`carousel`](refs/ant-design/components/carousel) | — | [`carousel`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/carousel.tsx) |
|
|
56
|
+
| **cascader** | [`cascader`](refs/ant-design/components/cascader) | — | — |
|
|
57
|
+
| **chart** | — | — | [`chart`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/chart.tsx) |
|
|
58
|
+
| **checkbox** | [`checkbox`](refs/ant-design/components/checkbox) | [`Checkbox`](refs/mui/packages/mui-material/src/Checkbox) | [`checkbox`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/checkbox.tsx) |
|
|
59
|
+
| **class-name** | — | [`className`](refs/mui/packages/mui-material/src/className) | — |
|
|
60
|
+
| **click-away-listener** | — | [`ClickAwayListener`](refs/mui/packages/mui-material/src/ClickAwayListener) | — |
|
|
61
|
+
| **col** | [`col`](refs/ant-design/components/col) | — | — |
|
|
62
|
+
| **collapsible** | — | — | [`collapsible`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/collapsible.tsx) |
|
|
63
|
+
| **color-picker** | [`color-picker`](refs/ant-design/components/color-picker) | — | — |
|
|
64
|
+
| **colors** | — | [`colors`](refs/mui/packages/mui-material/src/colors) | — |
|
|
65
|
+
| **combobox** | — | — | [`combobox`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/combobox.tsx) |
|
|
66
|
+
| **command** | — | — | [`command`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/command.tsx) |
|
|
67
|
+
| **config-provider** | [`config-provider`](refs/ant-design/components/config-provider) | — | — |
|
|
68
|
+
| **context-menu** | — | — | [`context-menu`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/context-menu.tsx) |
|
|
69
|
+
| **css-baseline** | — | [`CssBaseline`](refs/mui/packages/mui-material/src/CssBaseline) | — |
|
|
70
|
+
| **dark-scrollbar** | — | [`darkScrollbar`](refs/mui/packages/mui-material/src/darkScrollbar) | — |
|
|
71
|
+
| **date-picker** | [`date-picker`](refs/ant-design/components/date-picker) | — | [`calendar`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/calendar.tsx) |
|
|
72
|
+
| **descriptions** | [`descriptions`](refs/ant-design/components/descriptions) | — | — |
|
|
73
|
+
| **dialog-actions** | — | [`DialogActions`](refs/mui/packages/mui-material/src/DialogActions) | — |
|
|
74
|
+
| **dialog-content** | — | [`DialogContent`](refs/mui/packages/mui-material/src/DialogContent) | — |
|
|
75
|
+
| **dialog-content-text** | — | [`DialogContentText`](refs/mui/packages/mui-material/src/DialogContentText) | — |
|
|
76
|
+
| **dialog-title** | — | [`DialogTitle`](refs/mui/packages/mui-material/src/DialogTitle) | — |
|
|
77
|
+
| **direction** | — | — | [`direction`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/direction.tsx) |
|
|
78
|
+
| **divider** | [`divider`](refs/ant-design/components/divider) | [`Divider`](refs/mui/packages/mui-material/src/Divider) | — |
|
|
79
|
+
| **drawer** | [`drawer`](refs/ant-design/components/drawer) | [`Drawer`](refs/mui/packages/mui-material/src/Drawer) | [`drawer`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/drawer.tsx) |
|
|
80
|
+
| **dropdown** | [`dropdown`](refs/ant-design/components/dropdown) | — | — |
|
|
81
|
+
| **empty** | [`empty`](refs/ant-design/components/empty) | — | [`empty`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/empty.tsx) |
|
|
82
|
+
| **fade** | — | [`Fade`](refs/mui/packages/mui-material/src/Fade) | — |
|
|
83
|
+
| **field** | — | — | [`field`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/field.tsx) |
|
|
84
|
+
| **filled-input** | — | [`FilledInput`](refs/mui/packages/mui-material/src/FilledInput) | — |
|
|
85
|
+
| **flex** | [`flex`](refs/ant-design/components/flex) | — | — |
|
|
86
|
+
| **float-button** | [`float-button`](refs/ant-design/components/float-button) | — | — |
|
|
87
|
+
| **form** | [`form`](refs/ant-design/components/form) | — | [`form`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/form.tsx) |
|
|
88
|
+
| **form-control** | — | [`FormControl`](refs/mui/packages/mui-material/src/FormControl) | — |
|
|
89
|
+
| **form-control-label** | — | [`FormControlLabel`](refs/mui/packages/mui-material/src/FormControlLabel) | — |
|
|
90
|
+
| **form-group** | — | [`FormGroup`](refs/mui/packages/mui-material/src/FormGroup) | — |
|
|
91
|
+
| **form-helper-text** | — | [`FormHelperText`](refs/mui/packages/mui-material/src/FormHelperText) | — |
|
|
92
|
+
| **form-label** | — | [`FormLabel`](refs/mui/packages/mui-material/src/FormLabel) | — |
|
|
93
|
+
| **generate-utility-classes** | — | [`generateUtilityClasses`](refs/mui/packages/mui-material/src/generateUtilityClasses) | — |
|
|
94
|
+
| **grid** | [`grid`](refs/ant-design/components/grid) | [`Grid`](refs/mui/packages/mui-material/src/Grid) | — |
|
|
95
|
+
| **grow** | — | [`Grow`](refs/mui/packages/mui-material/src/Grow) | — |
|
|
96
|
+
| **hover-card** | — | — | [`hover-card`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/hover-card.tsx) |
|
|
97
|
+
| **icon** | [`icon`](refs/ant-design/components/icon) | [`Icon`](refs/mui/packages/mui-material/src/Icon) | — |
|
|
98
|
+
| **icon-button** | — | [`IconButton`](refs/mui/packages/mui-material/src/IconButton) | — |
|
|
99
|
+
| **image** | [`image`](refs/ant-design/components/image) | — | — |
|
|
100
|
+
| **image-list** | — | [`ImageList`](refs/mui/packages/mui-material/src/ImageList) | — |
|
|
101
|
+
| **image-list-item** | — | [`ImageListItem`](refs/mui/packages/mui-material/src/ImageListItem) | — |
|
|
102
|
+
| **image-list-item-bar** | — | [`ImageListItemBar`](refs/mui/packages/mui-material/src/ImageListItemBar) | — |
|
|
103
|
+
| **input** | [`input`](refs/ant-design/components/input) | [`TextField`](refs/mui/packages/mui-material/src/TextField) | [`input`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/input.tsx) |
|
|
104
|
+
| **input-adornment** | — | [`InputAdornment`](refs/mui/packages/mui-material/src/InputAdornment) | — |
|
|
105
|
+
| **input-base** | — | [`InputBase`](refs/mui/packages/mui-material/src/InputBase) | — |
|
|
106
|
+
| **input-group** | — | — | [`input-group`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/input-group.tsx) |
|
|
107
|
+
| **input-label** | — | [`InputLabel`](refs/mui/packages/mui-material/src/InputLabel) | — |
|
|
108
|
+
| **input-number** | [`input-number`](refs/ant-design/components/input-number) | — | — |
|
|
109
|
+
| **input-otp** | — | — | [`input-otp`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/input-otp.tsx) |
|
|
110
|
+
| **item** | — | — | [`item`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/item.tsx) |
|
|
111
|
+
| **kbd** | — | — | [`kbd`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/kbd.tsx) |
|
|
112
|
+
| **label** | — | — | [`label`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/label.tsx) |
|
|
113
|
+
| **layout** | [`layout`](refs/ant-design/components/layout) | [`Container`](refs/mui/packages/mui-material/src/Container) | — |
|
|
114
|
+
| **link** | — | [`Link`](refs/mui/packages/mui-material/src/Link) | — |
|
|
115
|
+
| **list** | [`list`](refs/ant-design/components/list) | [`List`](refs/mui/packages/mui-material/src/List) | — |
|
|
116
|
+
| **list-item** | — | [`ListItem`](refs/mui/packages/mui-material/src/ListItem) | — |
|
|
117
|
+
| **list-item-avatar** | — | [`ListItemAvatar`](refs/mui/packages/mui-material/src/ListItemAvatar) | — |
|
|
118
|
+
| **list-item-button** | — | [`ListItemButton`](refs/mui/packages/mui-material/src/ListItemButton) | — |
|
|
119
|
+
| **list-item-icon** | — | [`ListItemIcon`](refs/mui/packages/mui-material/src/ListItemIcon) | — |
|
|
120
|
+
| **list-item-secondary-action** | — | [`ListItemSecondaryAction`](refs/mui/packages/mui-material/src/ListItemSecondaryAction) | — |
|
|
121
|
+
| **list-item-text** | — | [`ListItemText`](refs/mui/packages/mui-material/src/ListItemText) | — |
|
|
122
|
+
| **list-subheader** | — | [`ListSubheader`](refs/mui/packages/mui-material/src/ListSubheader) | — |
|
|
123
|
+
| **locale** | [`locale`](refs/ant-design/components/locale) | [`locale`](refs/mui/packages/mui-material/src/locale) | — |
|
|
124
|
+
| **masonry** | [`masonry`](refs/ant-design/components/masonry) | — | — |
|
|
125
|
+
| **mentions** | [`mentions`](refs/ant-design/components/mentions) | — | — |
|
|
126
|
+
| **menu** | [`menu`](refs/ant-design/components/menu) | [`Menu`](refs/mui/packages/mui-material/src/Menu) | [`navigation-menu`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/navigation-menu.tsx) |
|
|
127
|
+
| **menu-item** | — | [`MenuItem`](refs/mui/packages/mui-material/src/MenuItem) | — |
|
|
128
|
+
| **menu-list** | — | [`MenuList`](refs/mui/packages/mui-material/src/MenuList) | — |
|
|
129
|
+
| **menubar** | — | — | [`menubar`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/menubar.tsx) |
|
|
130
|
+
| **message** | [`message`](refs/ant-design/components/message) | — | — |
|
|
131
|
+
| **mobile-stepper** | — | [`MobileStepper`](refs/mui/packages/mui-material/src/MobileStepper) | — |
|
|
132
|
+
| **modal** | [`modal`](refs/ant-design/components/modal) | [`Dialog`](refs/mui/packages/mui-material/src/Dialog) | [`dialog`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/dialog.tsx) |
|
|
133
|
+
| **native-select** | — | [`NativeSelect`](refs/mui/packages/mui-material/src/NativeSelect) | [`native-select`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/native-select.tsx) |
|
|
134
|
+
| **no-ssr** | — | [`NoSsr`](refs/mui/packages/mui-material/src/NoSsr) | — |
|
|
135
|
+
| **notification** | [`notification`](refs/ant-design/components/notification) | — | — |
|
|
136
|
+
| **outlined-input** | — | [`OutlinedInput`](refs/mui/packages/mui-material/src/OutlinedInput) | — |
|
|
137
|
+
| **overridable-component** | — | [`OverridableComponent`](refs/mui/packages/mui-material/src/OverridableComponent) | — |
|
|
138
|
+
| **overview** | [`overview`](refs/ant-design/components/overview) | — | — |
|
|
139
|
+
| **pagination** | [`pagination`](refs/ant-design/components/pagination) | [`Pagination`](refs/mui/packages/mui-material/src/Pagination) | [`pagination`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/pagination.tsx) |
|
|
140
|
+
| **pagination-item** | — | [`PaginationItem`](refs/mui/packages/mui-material/src/PaginationItem) | — |
|
|
141
|
+
| **paper** | — | [`Paper`](refs/mui/packages/mui-material/src/Paper) | — |
|
|
142
|
+
| **popconfirm** | [`popconfirm`](refs/ant-design/components/popconfirm) | — | — |
|
|
143
|
+
| **popover** | [`popover`](refs/ant-design/components/popover) | [`Popover`](refs/mui/packages/mui-material/src/Popover) | [`popover`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/popover.tsx) |
|
|
144
|
+
| **popper** | — | [`Popper`](refs/mui/packages/mui-material/src/Popper) | — |
|
|
145
|
+
| **progress** | [`progress`](refs/ant-design/components/progress) | [`LinearProgress`](refs/mui/packages/mui-material/src/LinearProgress) | [`progress`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/progress.tsx) |
|
|
146
|
+
| **qr-code** | [`qr-code`](refs/ant-design/components/qr-code) | — | — |
|
|
147
|
+
| **qrcode** | [`qrcode`](refs/ant-design/components/qrcode) | — | — |
|
|
148
|
+
| **radio** | [`radio`](refs/ant-design/components/radio) | [`RadioGroup`](refs/mui/packages/mui-material/src/RadioGroup) | [`radio-group`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/radio-group.tsx) |
|
|
149
|
+
| **rate** | [`rate`](refs/ant-design/components/rate) | [`Rating`](refs/mui/packages/mui-material/src/Rating) | — |
|
|
150
|
+
| **resizable** | — | — | [`resizable`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/resizable.tsx) |
|
|
151
|
+
| **result** | [`result`](refs/ant-design/components/result) | — | — |
|
|
152
|
+
| **row** | [`row`](refs/ant-design/components/row) | — | — |
|
|
153
|
+
| **scroll-area** | — | — | [`scroll-area`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/scroll-area.tsx) |
|
|
154
|
+
| **segmented** | [`segmented`](refs/ant-design/components/segmented) | [`ToggleButtonGroup`](refs/mui/packages/mui-material/src/ToggleButtonGroup) | — |
|
|
155
|
+
| **select** | [`select`](refs/ant-design/components/select) | [`Select`](refs/mui/packages/mui-material/src/Select) | [`select`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/select.tsx) |
|
|
156
|
+
| **separator** | — | — | [`separator`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/separator.tsx) |
|
|
157
|
+
| **sheet** | — | — | [`sheet`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/sheet.tsx) |
|
|
158
|
+
| **sidebar** | — | — | [`sidebar`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/sidebar.tsx) |
|
|
159
|
+
| **skeleton** | [`skeleton`](refs/ant-design/components/skeleton) | [`Skeleton`](refs/mui/packages/mui-material/src/Skeleton) | [`skeleton`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/skeleton.tsx) |
|
|
160
|
+
| **slide** | — | [`Slide`](refs/mui/packages/mui-material/src/Slide) | — |
|
|
161
|
+
| **slider** | [`slider`](refs/ant-design/components/slider) | [`Slider`](refs/mui/packages/mui-material/src/Slider) | [`slider`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/slider.tsx) |
|
|
162
|
+
| **snackbar** | — | [`Snackbar`](refs/mui/packages/mui-material/src/Snackbar) | — |
|
|
163
|
+
| **snackbar-content** | — | [`SnackbarContent`](refs/mui/packages/mui-material/src/SnackbarContent) | — |
|
|
164
|
+
| **sonner** | — | — | [`sonner`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/sonner.tsx) |
|
|
165
|
+
| **space** | [`space`](refs/ant-design/components/space) | [`Stack`](refs/mui/packages/mui-material/src/Stack) | — |
|
|
166
|
+
| **speed-dial** | — | [`SpeedDial`](refs/mui/packages/mui-material/src/SpeedDial) | — |
|
|
167
|
+
| **speed-dial-action** | — | [`SpeedDialAction`](refs/mui/packages/mui-material/src/SpeedDialAction) | — |
|
|
168
|
+
| **speed-dial-icon** | — | [`SpeedDialIcon`](refs/mui/packages/mui-material/src/SpeedDialIcon) | — |
|
|
169
|
+
| **spin** | [`spin`](refs/ant-design/components/spin) | — | — |
|
|
170
|
+
| **spinner** | — | — | [`spinner`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/spinner.tsx) |
|
|
171
|
+
| **splitter** | [`splitter`](refs/ant-design/components/splitter) | — | — |
|
|
172
|
+
| **statistic** | [`statistic`](refs/ant-design/components/statistic) | — | — |
|
|
173
|
+
| **step** | — | [`Step`](refs/mui/packages/mui-material/src/Step) | — |
|
|
174
|
+
| **step-button** | — | [`StepButton`](refs/mui/packages/mui-material/src/StepButton) | — |
|
|
175
|
+
| **step-connector** | — | [`StepConnector`](refs/mui/packages/mui-material/src/StepConnector) | — |
|
|
176
|
+
| **step-content** | — | [`StepContent`](refs/mui/packages/mui-material/src/StepContent) | — |
|
|
177
|
+
| **step-icon** | — | [`StepIcon`](refs/mui/packages/mui-material/src/StepIcon) | — |
|
|
178
|
+
| **step-label** | — | [`StepLabel`](refs/mui/packages/mui-material/src/StepLabel) | — |
|
|
179
|
+
| **steps** | [`steps`](refs/ant-design/components/steps) | [`Stepper`](refs/mui/packages/mui-material/src/Stepper) | — |
|
|
180
|
+
| **style** | [`style`](refs/ant-design/components/style) | — | — |
|
|
181
|
+
| **svg-icon** | — | [`SvgIcon`](refs/mui/packages/mui-material/src/SvgIcon) | — |
|
|
182
|
+
| **swipeable-drawer** | — | [`SwipeableDrawer`](refs/mui/packages/mui-material/src/SwipeableDrawer) | — |
|
|
183
|
+
| **switch** | [`switch`](refs/ant-design/components/switch) | [`Switch`](refs/mui/packages/mui-material/src/Switch) | [`switch`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/switch.tsx) |
|
|
184
|
+
| **tab** | — | [`Tab`](refs/mui/packages/mui-material/src/Tab) | — |
|
|
185
|
+
| **tab-scroll-button** | — | [`TabScrollButton`](refs/mui/packages/mui-material/src/TabScrollButton) | — |
|
|
186
|
+
| **table** | [`table`](refs/ant-design/components/table) | [`Table`](refs/mui/packages/mui-material/src/Table) | [`table`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/table.tsx) |
|
|
187
|
+
| **table-body** | — | [`TableBody`](refs/mui/packages/mui-material/src/TableBody) | — |
|
|
188
|
+
| **table-cell** | — | [`TableCell`](refs/mui/packages/mui-material/src/TableCell) | — |
|
|
189
|
+
| **table-container** | — | [`TableContainer`](refs/mui/packages/mui-material/src/TableContainer) | — |
|
|
190
|
+
| **table-footer** | — | [`TableFooter`](refs/mui/packages/mui-material/src/TableFooter) | — |
|
|
191
|
+
| **table-head** | — | [`TableHead`](refs/mui/packages/mui-material/src/TableHead) | — |
|
|
192
|
+
| **table-pagination** | — | [`TablePagination`](refs/mui/packages/mui-material/src/TablePagination) | — |
|
|
193
|
+
| **table-pagination-actions** | — | [`TablePaginationActions`](refs/mui/packages/mui-material/src/TablePaginationActions) | — |
|
|
194
|
+
| **table-row** | — | [`TableRow`](refs/mui/packages/mui-material/src/TableRow) | — |
|
|
195
|
+
| **table-sort-label** | — | [`TableSortLabel`](refs/mui/packages/mui-material/src/TableSortLabel) | — |
|
|
196
|
+
| **tabs** | [`tabs`](refs/ant-design/components/tabs) | [`Tabs`](refs/mui/packages/mui-material/src/Tabs) | [`tabs`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/tabs.tsx) |
|
|
197
|
+
| **tag** | [`tag`](refs/ant-design/components/tag) | [`Chip`](refs/mui/packages/mui-material/src/Chip) | — |
|
|
198
|
+
| **textarea** | — | — | [`textarea`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/textarea.tsx) |
|
|
199
|
+
| **textarea-autosize** | — | [`TextareaAutosize`](refs/mui/packages/mui-material/src/TextareaAutosize) | — |
|
|
200
|
+
| **theme** | [`theme`](refs/ant-design/components/theme) | — | — |
|
|
201
|
+
| **time-picker** | [`time-picker`](refs/ant-design/components/time-picker) | — | — |
|
|
202
|
+
| **timeline** | [`timeline`](refs/ant-design/components/timeline) | — | — |
|
|
203
|
+
| **toggle** | — | — | [`toggle`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/toggle.tsx) |
|
|
204
|
+
| **toggle-button** | — | [`ToggleButton`](refs/mui/packages/mui-material/src/ToggleButton) | — |
|
|
205
|
+
| **toggle-group** | — | — | [`toggle-group`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/toggle-group.tsx) |
|
|
206
|
+
| **toolbar** | — | [`Toolbar`](refs/mui/packages/mui-material/src/Toolbar) | — |
|
|
207
|
+
| **tooltip** | [`tooltip`](refs/ant-design/components/tooltip) | [`Tooltip`](refs/mui/packages/mui-material/src/Tooltip) | [`tooltip`](refs/shadcn-ui/apps/v4/registry/new-york-v4/ui/tooltip.tsx) |
|
|
208
|
+
| **tour** | [`tour`](refs/ant-design/components/tour) | — | — |
|
|
209
|
+
| **transfer** | [`transfer`](refs/ant-design/components/transfer) | — | — |
|
|
210
|
+
| **tree** | [`tree`](refs/ant-design/components/tree) | — | — |
|
|
211
|
+
| **tree-select** | [`tree-select`](refs/ant-design/components/tree-select) | — | — |
|
|
212
|
+
| **types** | — | [`types`](refs/mui/packages/mui-material/src/types) | — |
|
|
213
|
+
| **typography** | [`typography`](refs/ant-design/components/typography) | [`Typography`](refs/mui/packages/mui-material/src/Typography) | — |
|
|
214
|
+
| **unstable_-trap-focus** | — | [`Unstable_TrapFocus`](refs/mui/packages/mui-material/src/Unstable_TrapFocus) | — |
|
|
215
|
+
| **upload** | [`upload`](refs/ant-design/components/upload) | — | — |
|
|
216
|
+
| **use-lazy-ripple** | — | [`useLazyRipple`](refs/mui/packages/mui-material/src/useLazyRipple) | — |
|
|
217
|
+
| **utils** | — | [`utils`](refs/mui/packages/mui-material/src/utils) | — |
|
|
218
|
+
| **version** | [`version`](refs/ant-design/components/version) | [`version`](refs/mui/packages/mui-material/src/version) | — |
|
|
219
|
+
| **watermark** | [`watermark`](refs/ant-design/components/watermark) | — | — |
|
|
220
|
+
| **zero-styled** | — | [`zero-styled`](refs/mui/packages/mui-material/src/zero-styled) | — |
|
|
221
|
+
| **zoom** | — | [`Zoom`](refs/mui/packages/mui-material/src/Zoom) | — |
|
|
222
|
+
|
|
223
|
+
## How to use
|
|
224
|
+
|
|
225
|
+
1. Pick a canonical component name from the leftmost column.
|
|
226
|
+
2. Open the linked source file for the library closest to your stack.
|
|
227
|
+
3. For API patterns: prefer Ant Design's exhaustive prop coverage as a checklist.
|
|
228
|
+
4. For accessibility: prefer shadcn-ui (Radix-based, a11y is upstream).
|
|
229
|
+
5. For visual polish: prefer MUI (Material 3 alignment, motion built-in).
|
|
230
|
+
|
|
231
|
+
When designing a new component **not** in this list, scan all three libraries' similar components first — the patterns are usually composable.
|