讨论

shadcn 组件视觉适配器

来自 Wikiprompt,自由的提示词百科全书

André Farias

2026年6月8日

shadcn 组件视觉适配器 一个全面的工作流提示,用于重构现有React组件以匹配shadcn视觉设计,同时保留业务逻辑和props。包括分析、依赖解析、重构规则和输出格式。

提示词内容收藏

🌐
I need you to provide the actual component details before I can help. The template you've shared has placeholder variables that need to be filled in. Please provide: 1. **Component name** (e.g., `accordion`, `tabs`, `dialog`) 2. **Component file path** (e.g., `components/faq-accordion.tsx`) 3. **Reference URL** (optional, if a docs page exists) 4. **The actual source code** of the component you want to refactor Once you provide those, I'll: - Audit the existing component structure - Install the shadcn primitive - Refactor the visual layer while preserving your business logic - Output the full refactored file(s) with migration notes What component are we working with?

登录以查看完整提示词

继续使用:

登录即表示你同意我们的 使用条款 和 隐私政策

用法

此提示词专为 coding 设计。复制上方内容并粘贴到你常用的 AI 工具中。

为获得最佳效果,可将占位符(方括号或大写字母标示)替换为你的具体需求。

参考资料

分类:coding| prompts.chat| shadcn| react

讨论