用于减少 LLM 常见编码错误的行为准则。可与项目特定指令合并使用。
权衡说明: 这些准则倾向于谨慎而非速度。对于琐碎的任务,请自行判断。
不要假设。不要隐藏困惑。呈现权衡。
| <context> | |
| # Overview | |
| [Provide a high-level overview of your product here. Explain what problem it solves, who it's for, and why it's valuable.] | |
| # Core Features | |
| [List and describe the main features of your product. For each feature, include: | |
| - What it does | |
| - Why it's important | |
| - How it works at a high level] |
| <!DOCTYPE html> | |
| <html lang="zh-CN"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>笔记卡片生成器</title> | |
| <!-- Tailwind CSS CDN --> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <!-- HTML2Canvas 导出功能 --> | |
| <script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> |
| <!DOCTYPE html> | |
| <html lang="zh-CN"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>FeastMeet - 酷酷年轻人的约饭神器</title> | |
| <style> | |
| :root { | |
| /* 主色调 */ | |
| --primary: #8C52FF; |
| const isDev = process.env.NODE_ENV === "development"; | |
| if (isDev) { | |
| require("./proxy-setup"); | |
| } |
| "use client"; | |
| import { motion } from "framer-motion"; | |
| export const AnimatedCard = () => { | |
| return ( | |
| <motion.div | |
| initial={{ opacity: 0, y: 20 }} | |
| animate={{ opacity: 1, y: 0 }} | |
| exit={{ opacity: 0, y: -20 }} |
| import * as React from "react" | |
| import { | |
| ChakraProvider, | |
| theme, | |
| } from "@chakra-ui/react" | |
| // Import Swiper React components | |
| import { Swiper, SwiperSlide } from "swiper/react"; | |
| // Import Swiper styles |