Промпты/Переделать компонент под shadcn/ui

Переделать компонент под shadcn/ui

Pro
1 июля 2026

Для Cursor и Claude Code: переносит визуальный слой компонента на shadcn/ui, сохраняя props, состояние и бизнес-логику.

Описание

РазработкаPro

Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.

  • shadcn/ui
  • Tailwind
  • Cursor
  • рефакторинг
Название
Переделать компонент под shadcn/ui
Категория
Разработка
Источник
awesome-chatgpt-prompts — «shadcn Component Adapter for Cursor» · CC0-1.0
Где работает
ChatGPT, Claude и другие ИИ-ассистенты
Объём
0 строк · 0 слов · 0 символов
Как использовать
  1. 1Скопируйте промпт — он попадёт в буфер обмена целиком.
  2. 2Вставьте его в чат с ИИ: ChatGPT, Claude или любой другой ассистент.
  3. 3Уточняйте ответ короткими репликами, не переписывая промпт заново.

Что внутри

import { useEffect, useMemo } from "react";
import Animated, { useSharedValue } from "react-native-reanimated";
import { StyleSheet, View } from "react-native";
 
// Полный исходник открывается с подпиской Pro
export interface DevShadcnComponentAdapterProps {
  speed?: number;
  intensity?: number;
  palette?: "aurora" | "mono";
  interactive?: boolean;
}

Промпт доступен по подпискеPro

Промпт «Переделать компонент под shadcn/ui» открывается с подпиской Pro. Уже оформили? Войдите в аккаунт.

Оформить ProВойти

Действия

import { useEffect, useMemo } from "react";
import Animated, { useSharedValue } from "react-native-reanimated";
import { StyleSheet, View } from "react-native";

Материал из ProPro

Копирование, ссылки и файлы откроются после оформления Pro.

Оформить ProВойти
НазадЭксперт по рефакторингуДалееВстроить готовый React-компонент в проект
prompt.txtPro
import { useEffect, useMemo } from "react";
import Animated, { useSharedValue } from "react-native-reanimated";
import { StyleSheet, View } from "react-native";
 
// Полный исходник открывается с подпиской Pro
export interface DevShadcnComponentAdapterProps {
  speed?: number;
  intensity?: number;
  palette?: "aurora" | "mono";
  interactive?: boolean;
}

Промпт доступен по подпискеPro

Промпт «Переделать компонент под shadcn/ui» открывается с подпиской Pro. Уже оформили? Войдите в аккаунт.

Оформить ProВойти