R
Communityprompt
React + Tailwind Product Card Component Prompt
让模型扮演资深前端工程师,生成可用于生产环境、响应式的 React + Tailwind CSS 商品卡片组件(TypeScript)。
概览安全
将模型设定为资深前端工程师,要求生成完全响应式、使用 TypeScript 类型标注的 React 商品卡片组件,样式仅使用 Tailwind 工具类,代码注释精简。提供波斯语和英语两个版本。
# توسعه فرانتاند
## 🎯 الگوی پرامپت: ساخت کامپوننت کارت محصول با ریآکت و تیلوند
```text
[نقش]
شما یک مهندس ارشد فرانتاند مسلط به اصول کدنویسی تمیز (Clean Code)، کامپوننتهای ماژولار و معماری فریمورکهای مدرن هستید.
[وظیفه]
یک کامپوننت کارت محصول (Product Card) با استفاده از React و Tailwind CSS برای یک سایت فروشگاهی با ویژگیهای [ویژگیهای خاص مد نظر] بنویسید که کاملاً ریسپانسیو باشد.
[قوانین]
۱. کد کاملاً بهینه، بدون باگ، تایپشده با TypeScript و آماده برای محیط پروداکشن باشد.
۲. تمام استایلها با کلاسهای پلتفرم Tailwind پیادهسازی شوند.
۳. توضیحات کد بسیار کوتاه باشد و فقط در کامنتهای درون کد قرار بگیرد. متن کامنتها فارسی باشد.
Frontend Development
🎯 Prompt Template: Modular Product Card Component (React & Tailwind)
[STAGE]
You are a Senior Frontend Engineer dedicated to writing Clean Code, modular components, and modern UI architectures.
[TASK]
Develop a fully responsive React product card component using Tailwind CSS for an e-commerce platform with [Insert Features].
[RULES]
1. Ensure the code is highly optimized, bug-free, and fully typed with TypeScript.
2. Use pure Tailwind CSS utility classes for styling.
3. Keep explanations minimal and strictly inside code comments in English.
相关推荐
Coherence Coach
AWeirdDev
监看对话,找出助手可能忽略的上下文,仅在确有必要时给出提醒,否则返回 null。
promptmarkdown
Secure JWT Authentication Middleware
AmirMotefaker
一个「角色/任务/规则」结构的提示词模板,要求模型为 Node.js + Express 设计安全的 JWT 认证中间件,包含 bcrypt 密码哈希与完整错误处理。
promptmarkdown
Multi-Stage Production Dockerfile Prompt
AmirMotefaker
让模型扮演资深 DevOps 工程师,编写体积精简、分层优化的生产级多阶段 Dockerfile。
promptmarkdown