Nice — I got you. Below are two ready-to-paste **system prompts** (one short, one detailed) you can give to your AI tool so it behaves like a general-purpose assistant capable of essays, conversations, coding help, etc. I also included a few **example user messages** and **assistant response templates** you can paste to tests. Use the short prompt for quick experiments and the detailed one when you want a full-featured assistant.

# Short system prompt (paste this if you want a compact instruction)

You are an AI assistant that helps users with conversations, writing (essays, summaries, creative work), coding, research, and general problem solving. Be helpful, honest, and polite. Ask brief clarifying questions only when necessary. If you do not know something, say “I don’t know” and offer safe alternatives. Follow safety rules: refuse requests that facilitate illegal activity, self-harm, doxxing, or other harmful behavior; for medical, legal, or high-stakes requests, give general information and recommend consulting a qualified professional. Keep responses clear and structured, with examples when helpful. Default tone: friendly and concise. When asked to produce code, include runnable code blocks and short explanations. When performing math, show step-by-step work.

# Detailed system prompt (paste this when you want a powerful, production-ready assistant)

You are a general-purpose AI assistant whose job is to act like an advanced conversational and writing partner. Capabilities:

* Write essays, reports, summaries, and creative text at various tones and reading levels.
* Hold multi-turn conversations: ask clarifying Qs when needed, remember context within the session, and reference prior messages correctly.
* Explain technical concepts (programming, math, science) with step-by-step solutions and runnable examples where appropriate.
* Generate and review code; provide bug fixes, optimizations, and explanations. When giving code, include complete, copy-pasteable blocks and short test examples.
* Help with research: summarize sources, extract key points, and cite URLs when asked.
* Adapt tone and complexity on request (e.g., “Write this for a Year 7 student”, “Use professional tone”).

Conversation behavior and style:

* Default tone: friendly, direct, lightly conversational. When a user requests a different tone or level, adapt immediately.
* Be concise by default. Use numbered/bulleted lists for steps or instructions.
* When you make a claim that could be time-sensitive or factually uncertain, say so and offer to verify or cite sources.
* For arithmetic or logic problems, show the step-by-step calculation to avoid mistakes.
* For creative writing, preserve user constraints (length, characters, style).

Safety and refusals:

* Refuse clearly and politely any requests that would assist:

* illegal activity (how to commit a crime, bypass security),
* self-harm or suicide facilitation,
* doxxing or revealing private personal data,
* creating biological/chemical weapons or instructions to harm people.
* For medical, legal, financial, or other high-stakes advice: provide general information, encourage consulting a qualified professional, and avoid definitive diagnoses or guarantees.
* Use a short refusal template: “I can’t help with that request, but I can help with X instead,” and provide safer alternatives.

Formatting and usage rules:

* When asked for code, include language tag (`python` etc.), a short explanation (1–3 sentences), and a minimal example of how to run/test it.
* When asked for essays or long-form text, include a one-line outline at the top.
* When asked to summarize text, give a 1–2 sentence TL;DR plus 3–6 bullet points of main ideas.
* When user asks “act as” or requests a specific persona, follow their persona instructions unless they ask for harmful or disallowed content.
* If user asks for images or image editing and an image is required of them, ask them to upload the image first.

Error handling & uncertainty:

* If the user is ambiguous, ask one concise clarifying question. If time or tokens are constrained, give a best-effort answer based on typical assumptions and explicitly state the assumptions.
* If asked to verify facts that might have changed recently (news, prices, schedules, leaders, laws), say: “I may be outdated — would you like me to check current sources?” (or proactively check if the system supports browsing).

Memory & context:

* Keep short-term context during the session (previous messages).
* Don’t claim to have long-term memory unless explicitly implemented.

Performance & limits:

* Keep responses under 1200 words unless user asks for a long-form document.
* Break long tasks into numbered steps and offer to continue if the user wants more detail.

Example refusal:
“I can’t assist with instructions for illegal activity. If you’d like, I can explain the legal consequences or help with a lawful alternative.”

Example clarifying question:
“Do you want this essay to be persuasive or informative, and what’s the target grade level?”

---

# Example user messages + example assistant replies (paste these into your testing UI)

User: “Write a 600-word persuasive essay arguing for later school start times for high school students. Target: Year 10, persuasive tone.”
Assistant (example):

1. One-line outline: 1) Intro & thesis, 2) Science on adolescent sleep, 3) Benefits of later starts, 4) Address common objections, 5) Conclusion.
2. [600-word essay follows — include citations if requested.]

User: “Fix this Python function — it throws IndexError.”
Assistant (example):

* Ask for the code snippet if not provided. If provided: show corrected code, explain the bug (off-by-one), and provide a small test demonstrating the fix.

User: “Help me make a study plan for finals in 2 weeks.”
Assistant (example):

* Output: 14-day calendar with daily goals, recommended study sessions (Pomodoro), and tips for retention.

User: “Explain how RSA encryption works in simple terms.”
Assistant (example):

* Provide an analogy, then the math steps (key generation, encryption, decryption), show small numeric example.

# Quick testing checklist (use this to validate behavior)

* Ask it to write a short essay at different grade levels.
* Ask for code and run the code.
* Ask a medical/legal high-stakes question to check for safe refusal + alternatives.
* Test ambiguous requests to see if it asks a clarifying question.

---

If you want, I can now:

* Convert the **detailed prompt** into a single-line system role text that fits Firebase AI or another platform.
* Make a version tailored for coding-first assistants (emphasize REPL, tests).
* Generate a sample test script (set of user prompts + expected checks) you can paste into automated tests.

Which of those would you like next?

README.md

@@ -1,10 +1,13 @@
 ---
-title: Promptcraft Dark Assistant
-emoji: 🏆
-colorFrom: purple
-colorTo: gray
+title: PromptCraft Dark Assistant 🎨
+colorFrom: gray
+colorTo: pink
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).

index.html

@@ -1,19 +1,267 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
+<!DOCTYPE html>
+<html lang="en" class="dark">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PromptCraft Dark Assistant</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script>
+        tailwind.config = {
+            darkMode: 'class',
+            theme: {
+                extend: {
+                    colors: {
+                        primary: '#ffffff',
+                        secondary: '#dc2626'
+                    }
+                }
+            }
+        }
+    </script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+        
+        body {
+            font-family: 'Inter', sans-serif;
+        }
+        
+        .gradient-bg {
+            background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 50%, #262626 100%);
+        }
+        
+        .glow-red {
+            box-shadow: 0 0 20px rgba(220, 38, 38, 0.3);
+        }
+        
+        .glow-white {
+            box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
+        }
+        
+        .code-block {
+            background: #1e1e1e;
+            border-left: 4px solid #dc2626;
+        }
+        
+        .prompt-card:hover {
+            transform: translateY(-5px);
+            transition: all 0.3s ease;
+        }
+        
+        .typewriter {
+            overflow: hidden;
+            border-right: 2px solid #dc2626;
+            white-space: nowrap;
+            animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
+        }
+        
+        @keyframes typing {
+            from { width: 0 }
+            to { width: 100% }
+        }
+        
+        @keyframes blink-caret {
+            from, to { border-color: transparent }
+            50% { border-color: #dc2626 }
+        }
+    </style>
+</head>
+<body class="gradient-bg min-h-screen text-primary">
+    <!-- Navigation -->
+    <nav class="bg-black/50 backdrop-blur-lg border-b border-gray-800 sticky top-0 z-50">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between items-center h-16">
+                <div class="flex items-center space-x-3">
+                    <div class="w-8 h-8 bg-secondary rounded-lg flex items-center justify-center">
+                        <i data-feather="terminal" class="w-4 h-4 text-white"></i>
+                    </div>
+                    <span class="text-xl font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
+                        PromptCraft
+                    </span>
+                </div>
+                
+                <div class="hidden md:flex items-center space-x-8">
+                    <a href="#features" class="hover:text-secondary transition-colors">Features</a>
+                    <a href="#prompts" class="hover:text-secondary transition-colors">Prompts</a>
+                    <a href="#examples" class="hover:text-secondary transition-colors">Examples</a>
+                    <a href="#testing" class="hover:text-secondary transition-colors">Testing</a>
+                </div>
+                
+                <button class="bg-secondary hover:bg-red-700 px-4 py-2 rounded-lg font-medium transition-colors">
+                    Get Started
+                </button>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="relative overflow-hidden">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
+            <div class="text-center">
+                <h1 class="text-5xl md:text-7xl font-bold mb-6">
+                    <span class="typewriter">Dark Mode AI Assistant</span>
+                </h1>
+                <p class="text-xl md:text-2xl text-gray-300 mb-8 max-w-3xl mx-auto">
+                    Crafted with precision using TailwindCSS. Featuring a sleek dark theme with 
+                    <span class="text-secondary font-semibold">white primary</span> and 
+                    <span class="text-secondary font-semibold">red secondary</span> colors.
+                </p>
+                
+                <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
+                    <button class="bg-secondary hover:bg-red-700 px-8 py-3 rounded-lg font-semibold text-lg transition-all transform hover:scale-105">
+                        <i data-feather="zap" class="w-5 h-5 inline mr-2"></i>
+                        Use Short Prompt
+                    </button>
+                    <button class="border border-primary hover:border-secondary text-primary hover:text-secondary px-8 py-3 rounded-lg font-semibold text-lg transition-all">
+                        <i data-feather="settings" class="w-5 h-5 inline mr-2"></i>
+                        Detailed Version
+                    </button>
+                </div>
+            </div>
+        </div>
+        
+        <!-- Animated Background Elements -->
+        <div class="absolute top-0 left-0 w-full h-full pointer-events-none">
+            <div class="absolute top-20 left-10 w-72 h-72 bg-secondary/10 rounded-full blur-3xl"></div>
+            <div class="absolute bottom-20 right-10 w-96 h-96 bg-primary/5 rounded-full blur-3xl"></div>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section id="features" class="py-20">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <h2 class="text-4xl font-bold text-center mb-12">Core Capabilities</h2>
+            
+            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+                <!-- Feature 1 -->
+                <div class="bg-black/30 backdrop-blur-lg rounded-xl p-6 border border-gray-800 prompt-card glow-white">
+                    <div class="w-12 h-12 bg-secondary/20 rounded-lg flex items-center justify-center mb-4">
+                        <i data-feather="edit-3" class="w-6 h-6 text-secondary"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">Writing & Essays</h3>
+                    <p class="text-gray-300">Professional essays, creative writing, and summaries with proper formatting and citations.</p>
+                </div>
+
+                <!-- Feature 2 -->
+                <div class="bg-black/30 backdrop-blur-lg rounded-xl p-6 border border-gray-800 prompt-card glow-white">
+                    <div class="w-12 h-12 bg-secondary/20 rounded-lg flex items-center justify-center mb-4">
+                        <i data-feather="code" class="w-6 h-6 text-secondary"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">Code Generation</h3>
+                    <p class="text-gray-300">Complete, runnable code blocks with explanations and test examples.</p>
+                </div>
+
+                <!-- Feature 3 -->
+                <div class="bg-black/30 backdrop-blur-lg rounded-xl p-6 border border-gray-800 prompt-card glow-white">
+                    <div class="w-12 h-12 bg-secondary/20 rounded-lg flex items-center justify-center mb-4">
+                        <i data-feather="message-circle" class="w-6 h-6 text-secondary"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">Multi-turn Conversations</h3>
+                    <p class="text-gray-300">Context-aware discussions with proper follow-up and clarification.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Prompt Showcase -->
+    <section id="prompts" class="py-20 bg-black/20">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <h2 class="text-4xl font-bold text-center mb-12">Ready-to-Use Prompts</h2>
+            
+            <div class="grid lg:grid-cols-2 gap-8">
+                <!-- Short Prompt -->
+                <div class="bg-black/30 backdrop-blur-lg rounded-xl p-6 border border-secondary glow-red">
+                    <div class="flex items-center justify-between mb-4">
+                        <h3 class="text-2xl font-semibold text-secondary">Short Prompt</h3>
+                        <span class="bg-secondary/20 text-secondary px-3 py-1 rounded-full text-sm">Quick Start</span>
+                    </div>
+                    <div class="code-block p-4 rounded-lg mb-4">
+                        <pre class="text-sm text-gray-200"><code>You are an AI assistant that helps users with conversations, writing, coding, research, and general problem solving...</code></pre>
+                    </div>
+                    <button class="w-full bg-secondary hover:bg-red-700 py-3 rounded-lg font-medium transition-colors">
+                        Copy to Clipboard
+                    </button>
+                </div>
+
+                <!-- Detailed Prompt -->
+                <div class="bg-black/30 backdrop-blur-lg rounded-xl p-6 border border-gray-800 glow-white">
+                    <div class="flex items-center justify-between mb-4">
+                        <h3 class="text-2xl font-semibold">Detailed Prompt</h3>
+                        <span class="bg-primary/10 text-primary px-3 py-1 rounded-full text-sm">Production Ready</span>
+                    </div>
+                    <div class="code-block p-4 rounded-lg mb-4">
+                        <pre class="text-sm text-gray-200"><code>You are a general-purpose AI assistant whose job is to act like an advanced conversational and writing partner...</code></pre>
+                    </div>
+                    <button class="w-full border border-primary hover:border-secondary text-primary hover:text-secondary py-3 rounded-lg font-medium transition-colors">
+                        Copy to Clipboard
+                    </button>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="bg-black/50 border-t border-gray-800 py-12">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex flex-col md:flex-row justify-between items-center">
+                <div class="flex items-center space-x-3 mb-4 md:mb-0">
+                    <div class="w-8 h-8 bg-secondary rounded-lg flex items-center justify-center">
+                        <i data-feather="terminal" class="w-4 h-4 text-white"></i>
+                    </div>
+                    <span class="text-xl font-bold">PromptCraft</span>
+                </div>
+                
+                <div class="flex space-x-6">
+                    <a href="#" class="text-gray-400 hover:text-secondary transition-colors">
+                        <i data-feather="github" class="w-5 h-5"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-secondary transition-colors">
+                        <i data-feather="twitter" class="w-5 h-5"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-secondary transition-colors">
+                        <i data-feather="mail" class="w-5 h-5"></i>
+                    </a>
+                </div>
+            </div>
+            
+            <div class="text-center mt-8 text-gray-400">
+                <p>Built with ❤️ using TailwindCSS, Feather Icons, and dark mode magic</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        feather.replace();
+        
+        // Smooth scrolling for navigation links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                document.querySelector(this.getAttribute('href')).scrollIntoView({
+                    behavior: 'smooth'
+                });
+            });
+        });
+
+        // Copy to clipboard functionality
+        document.querySelectorAll('button').forEach(button => {
+            if (button.textContent.includes('Copy to Clipboard')) {
+                button.addEventListener('click', function() {
+                    const promptText = this.parentElement.querySelector('code').textContent;
+                    navigator.clipboard.writeText(promptText).then(() => {
+                        const originalText = this.textContent;
+                        this.textContent = 'Copied!';
+                        this.classList.add('bg-green-600');
+                        setTimeout(() => {
+                            this.textContent = originalText;
+                            this.classList.remove('bg-green-600');
+                        }, 2000);
+                    });
+                });
+            }
+        });
+    </script>
+</body>
 </html>