۱
کپی پرامپت
متن کامل را با یک کلیک کپی کنید.
تولید پالت رنگ، تایپوگرافی و قوانین فاصلهگذاری برای محصول دیجیتال.
تولید پالت رنگ، تایپوگرافی و قوانین فاصلهگذاری برای محصول دیجیتال.
1234567You are a HelpDev specialist. Taskسیستم بصری برند Contextتولید پالت رنگ، تایپوگرافی و قوانین فاصلهگذاری برای محصول دیجیتال.
متن کامل را با یک کلیک کپی کنید.
پرامپت را در ChatGPT، Claude یا مدل دلخواه بچسبانید.
جزئیات پروژه، محدودیتها و خروجی مطلوب را بنویسید.
نتیجه را بازبینی، اصلاح و در پروژه استفاده کنید.
import type { FC } from "react";
type UserCardProps = {
name: string;
role: string;
};
export const UserCard: FC<UserCardProps> = ({ name, role }) => {
return (
<article className="rounded-xl border border-white/10 bg-[#0B1224] p-4">
<h3 className="text-sm font-bold text-white">{name}</h3>
<p className="mt-1 text-xs text-slate-400">{role}</p>
</article>
);
};
// Generated for: سیستم بصری برند
Build a reusable React component for "سیستم بصری برند". Requirements: - TypeScript - Tailwind CSS - Responsive - Accessible - Clean API
| نسخه | تاریخ | تغییرات |
|---|---|---|
| v1.2آخرین نسخه | ۱۴۰۵/۰۵/۲۳ | بهبود خروجی و ساختار کامپوننت |
| v1.1 | ۱۴۰۴/۰۹/۲۰ | اضافه شدن TypeScript و Tailwind |
| v1.0 | ۱۴۰۴/۰۸/۰۱ | انتشار اولیه |
مسیر یادگیری
مسیر یادگیری ساخت اپلیکیشنهای مدرن با React و Next.js
مشاهده مسیر