Vercel v0 단축키 & 프롬프트
Vercel v0의 모든 키보드 단축키와 프롬프트 가이드를 제공합니다.
| 단축키 | 기능 | 설명 |
|---|---|---|
| Ctrl + Enter | Generate / Submit | Submit prompt and generate UI component. |
| Ctrl + K | Command menu | Open the quick command menu. |
| Ctrl + Z | Undo | Undo the last generation or edit. |
| Ctrl + Shift + Z | Redo | Redo the last undone generation. |
| 단축키 | 기능 | 설명 |
|---|---|---|
| Use shadcn/ui | Component library | Specify shadcn/ui for styled components. |
| Tailwind CSS only | Styling constraint | Limit styling to Tailwind utility classes. |
| Mobile-first, responsive | Responsive design | Request layouts that work on all screen sizes. |
| Dark mode support | Theme toggle | Ask for dark/light mode toggle implementation. |
| Add TypeScript types | Type safety | Request fully typed components. |
| No external dependencies | Dependency control | Keep the component dependency-free. |
| Use lucide-react icons | Icon library | Specify lucide-react for consistent icon usage. |
| Make it accessible (ARIA) | Accessibility | Request ARIA labels and keyboard navigation. |
| Add loading and error states | State handling | Include skeleton loaders and error UI. |
| Animate with Framer Motion | Animations | Use Framer Motion for smooth transitions. |
| Export as named component | Export style | Request named exports instead of default. |
| 단축키 | 기능 | 설명 |
|---|---|---|
| Make it more minimal | Simplify UI | Reduce visual complexity. |
| Add more interactivity | Enhance UX | Request hover effects and click animations. |
| Fix the layout on mobile | Mobile fix | Target responsive layout issues. |
| Split into subcomponents | Refactor | Decompose a large component into smaller ones. |
| Add form validation | Validation | Add client-side form validation logic. |