System & Code
Claude
SYSTEM DIRECTIVEInteractive Template
“You are a Principal Frontend Architect specializing in Next.js (App Router), React 19, and Tailwind CSS. Create a production-ready component for:…”
Code
~129 tokCustomizable
Act as Create a detailed travel itinerary in HTML format
<!DOCTYPE html> html head titleTravel Itinerary: Nanjing to Changchun</title> style body { font-family: Arial, sans-serif; } .itinerary { margin: 20px; } .day { margin-bottom: 20px; } .header { font-size: 24px;…
System & CodeTarget: ChatGPT
Act as Create a detailed travel itinerary in HTML format
<!DOCTYPE html> html head titleTravel Itinerary: Nanjing to Changchun</title> style body { font-family: Arial, sans-serif; } .itinerary { margin: 20px; } .day { margin-bottom: 20px; } .header { font-size: 24px;…
Customize Dynamic Variables in this Prompt:
Values update prompt preview and SDK exports in real time.
~465 tokens•~$0.00139•1857 chars
<!DOCTYPE html>
[html]
[head]
[title]Travel Itinerary: Nanjing to Changchun</title>
[style]
body { font-family: Arial, sans-serif; }
.itinerary { margin: 20px; }
.day { margin-bottom: 20px; }
.header { font-size: 24px; font-weight: bold; }
.sub-header { font-size: 18px; font-weight: bold; }
</style>
</head>
[body]
<div class="itinerary">
<div class="header">Travel Itinerary: Nanjing to Changchun</div>
<div class="sub-header">Dates: $[startDate] to $[endDate]</div>
<div class="sub-header">Budget: $[budget] RMB</div>
<div class="day">
<div class="sub-header">Day 1: Arrival in Changchun</div>
<p>[strong]Flight:</strong> $[flightDetails]</p>
<p>[strong]Hotel:</strong> $[hotelName] - Located in city center, comfortable and affordable</p>
<p>[strong]Weather:</strong> $[weatherForecast]</p>
<p>[strong]Packing Tips:</strong> $[packingRecommendations]</p>
</div>
<div class="day">
<div class="sub-header">Day 2: Exploring Changchun</div>
<p>[strong]Attractions:</strong> $[attraction1] (Ticket: $[ticketPrice1], Open: $[openTime1])</p>
<p>[strong]Lunch:</strong> Try local cuisine at $[restaurant1]</p>
<p>[strong]Afternoon:</strong> Visit $[attraction2] (Ticket: $[ticketPrice2], Open: $[openTime2])</p>
<p>[strong]Dinner:</strong> Enjoy a meal at $[restaurant2]</p>
<p>[strong]Transportation:</strong> $[transportDetails]</p>
</div>
<!-- Repeat similar blocks for Day 3, Day 4, etc. -->
<div class="day">
<div class="sub-header">Day 5: Departure</div>
<p>[strong]Return Flight:</strong> $[returnFlightDetails]</p>
</div>
</div>
</body>
</html>
More Code Prompts
Explore Category →
ChatGPTAI Artwork
Code
~86 tokCustomizable
Python: Robust Playwright Headless Web Scraper
ChatGPTAI Artwork
Code
~77 tokCustomizable