Prompt Details
Model
Chat - GPT-4o (gpt-4o)
Token size
124 ($0.00620 / call)
Example input
[Tool name]: ContentStudio
Example output
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ContentStudio</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
}
header {
background: #333;
color: #fff;
padding: 10px 0;
text-align: center;
}
nav {
margin: 10px 0;
text-align: center;
}
nav a {
color: #fff;
padding: 10px 20px;
text-decoration: none;
}
.main-content {
display: flex;
justify-content: space-between;
}
.sidebar {
width: 25%;
padding: 10px;
background: #f4f4f4;
}
.content {
width: 70%;
padding: 10px;
}
.content-section {
margin-bottom: 20px;
}
.content-section h2 {
border-bottom: 2px solid #333;
padding-bottom: 10px;
}
.content-section textarea {
width: 100%;
height: 150px;
}
.btn {
background: #333;
color: #fff;
padding: 10px 20px;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<header>
<h1>ContentStudio</h1>
</header>
<nav>
<a href="#create">Create Content</a>
<a href="#schedule">Schedule Posts</a>
<a href="#analytics">Analytics</a>
<a href="#collaborate">Team Collaboration</a>
</nav>
<div class="container">
<div class="main-content">
<div class="sidebar">
<h3>Content Discovery</h3>
<p>Search and discover trending content and topics.</p>
<h3>Templates</h3>
<p>Select from customizable templates for your posts.</p>
</div>
<div class="content">
<section id="create" class="content-section">
<h2>Create Content</h2>
<textarea placeholder="Write your content here..."></textarea>
<button class="btn">Save Draft</button>
</section>
<section id="schedule" class="content-section">
<h2>Schedule Posts</h2>
<form>
<label for="post-date">Select Date:</label>
<input type="date" id="post-date">
<button class="btn" type="submit">Schedule</button>
</form>
</section>
<section id="analytics" class="content-section">
<h2>Performance Analytics</h2>
<p>Track engagement metrics and performance here.</p>
</section>
<section id="collaborate" class="content-section">
<h2>Team Collaboration</h2>
<p>Manage team tasks and workflows here.</p>
</section>
</div>
</div>
</div>
</body>
</html>
Instant access
Commercial use
Money‑backBy purchasing this prompt, you agree to our terms of service
6
Views
GPT-4O
Streamline content discovery, creation, and scheduling with ContentStudio. Manage posts, track metrics, and collaborate seamlessly.
...more
Added over 1 month ago
