shadcn 组件视觉适配器
来自 Wikiprompt,自由的提示词百科全书
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 工具中。
为获得最佳效果,可将占位符(方括号或大写字母标示)替换为你的具体需求。
讨论
0 条评论