mirror of
https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools.git
synced 2025-09-15 04:17:22 +00:00
1107 lines
40 KiB
HTML
1107 lines
40 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Prompt Optimization Engine - Advanced Brain Tech & Neural Analysis</title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
min-height: 100vh;
|
|
color: #333;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1400px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
}
|
|
|
|
.header {
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
background: rgba(255, 255, 255, 0.95);
|
|
padding: 30px;
|
|
border-radius: 20px;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.header h1 {
|
|
font-size: 3rem;
|
|
color: #2c3e50;
|
|
margin-bottom: 10px;
|
|
background: linear-gradient(45deg, #667eea, #764ba2);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
|
|
.header p {
|
|
font-size: 1.2rem;
|
|
color: #7f8c8d;
|
|
}
|
|
|
|
.tech-badge {
|
|
display: inline-block;
|
|
background: linear-gradient(45deg, #ff6b6b, #ee5a24);
|
|
color: white;
|
|
padding: 5px 15px;
|
|
border-radius: 20px;
|
|
font-size: 0.8rem;
|
|
margin: 10px 5px;
|
|
}
|
|
|
|
.main-content {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 30px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.card {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
border-radius: 20px;
|
|
padding: 30px;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
}
|
|
|
|
.card:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.card h2 {
|
|
color: #2c3e50;
|
|
margin-bottom: 20px;
|
|
font-size: 1.8rem;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
|
|
.card h2::before {
|
|
content: '';
|
|
width: 4px;
|
|
height: 30px;
|
|
background: linear-gradient(45deg, #667eea, #764ba2);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.input-section {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.textarea {
|
|
width: 100%;
|
|
min-height: 200px;
|
|
padding: 20px;
|
|
border: 2px solid #e9ecef;
|
|
border-radius: 15px;
|
|
font-family: 'Courier New', monospace;
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
resize: vertical;
|
|
transition: border-color 0.3s ease;
|
|
}
|
|
|
|
.textarea:focus {
|
|
outline: none;
|
|
border-color: #667eea;
|
|
}
|
|
|
|
.controls {
|
|
display: flex;
|
|
gap: 15px;
|
|
margin: 20px 0;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.btn {
|
|
padding: 12px 24px;
|
|
border: none;
|
|
border-radius: 10px;
|
|
background: linear-gradient(45deg, #667eea, #764ba2);
|
|
color: white;
|
|
cursor: pointer;
|
|
font-size: 1rem;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.btn:hover {
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.btn-secondary {
|
|
background: linear-gradient(45deg, #f093fb, #f5576c);
|
|
}
|
|
|
|
.btn-success {
|
|
background: linear-gradient(45deg, #4facfe, #00f2fe);
|
|
}
|
|
|
|
.btn-warning {
|
|
background: linear-gradient(45deg, #43e97b, #38f9d7);
|
|
}
|
|
|
|
.btn-brain {
|
|
background: linear-gradient(45deg, #667eea, #764ba2);
|
|
}
|
|
|
|
.analysis-section {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
border-radius: 20px;
|
|
padding: 30px;
|
|
margin-bottom: 30px;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.metrics-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
gap: 20px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.metric-card {
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
color: white;
|
|
padding: 20px;
|
|
border-radius: 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
.metric-value {
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.metric-label {
|
|
font-size: 0.9rem;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.brain-tech-section {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
border-radius: 20px;
|
|
padding: 30px;
|
|
margin-bottom: 30px;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.neural-analysis {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 20px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.neural-card {
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
color: white;
|
|
padding: 20px;
|
|
border-radius: 15px;
|
|
text-align: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.neural-card::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: -100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
|
|
animation: pulse 2s infinite;
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% { left: -100%; }
|
|
50% { left: 100%; }
|
|
100% { left: 100%; }
|
|
}
|
|
|
|
.suggestions {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
border-radius: 20px;
|
|
padding: 30px;
|
|
margin-bottom: 30px;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.suggestion-item {
|
|
background: #f8f9fa;
|
|
border-left: 4px solid #667eea;
|
|
padding: 15px;
|
|
margin: 10px 0;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.suggestion-title {
|
|
font-weight: bold;
|
|
color: #2c3e50;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.suggestion-description {
|
|
color: #6c757d;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.cognitive-patterns {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
border-radius: 20px;
|
|
padding: 30px;
|
|
margin-bottom: 30px;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.pattern-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 15px 0;
|
|
padding: 15px;
|
|
background: #f8f9fa;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.pattern-icon {
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-right: 15px;
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.pattern-icon.success {
|
|
background: #28a745;
|
|
color: white;
|
|
}
|
|
|
|
.pattern-icon.warning {
|
|
background: #ffc107;
|
|
color: #212529;
|
|
}
|
|
|
|
.pattern-icon.error {
|
|
background: #dc3545;
|
|
color: white;
|
|
}
|
|
|
|
.pattern-content {
|
|
flex: 1;
|
|
}
|
|
|
|
.pattern-title {
|
|
font-weight: bold;
|
|
color: #2c3e50;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.pattern-description {
|
|
color: #6c757d;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.comparison-section {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
border-radius: 20px;
|
|
padding: 30px;
|
|
margin-bottom: 30px;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.comparison-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.comparison-card {
|
|
background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
|
|
border-radius: 15px;
|
|
padding: 20px;
|
|
}
|
|
|
|
.comparison-card h3 {
|
|
color: #2c3e50;
|
|
margin-bottom: 15px;
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
.optimized-prompt {
|
|
background: #e8f5e8;
|
|
border: 2px solid #28a745;
|
|
border-radius: 10px;
|
|
padding: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.optimized-prompt h3 {
|
|
color: #28a745;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.adaptive-metrics {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
border-radius: 20px;
|
|
padding: 30px;
|
|
margin-bottom: 30px;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.adaptation-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
gap: 20px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.adaptation-card {
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
color: white;
|
|
padding: 20px;
|
|
border-radius: 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
.export-section {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
border-radius: 20px;
|
|
padding: 30px;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.export-options {
|
|
display: flex;
|
|
gap: 15px;
|
|
margin-top: 20px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.main-content {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.header h1 {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.controls {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.comparison-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>🧠 Prompt Optimization Engine</h1>
|
|
<p>Advanced Brain Technology & Neural Analysis for AI Prompts</p>
|
|
<div>
|
|
<span class="tech-badge">Neural Networks</span>
|
|
<span class="tech-badge">Cognitive Patterns</span>
|
|
<span class="tech-badge">Real-time Adaptation</span>
|
|
<span class="tech-badge">Brain-Computer Interface</span>
|
|
<span class="tech-badge">Updated: 31/07/2025</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main-content">
|
|
<div class="card input-section">
|
|
<h2>📝 Input Your Prompt</h2>
|
|
<textarea id="promptInput" class="textarea" placeholder="Paste your AI prompt here for advanced brain technology analysis and optimization..."></textarea>
|
|
<div class="controls">
|
|
<button class="btn btn-brain" onclick="analyzePrompt()">🧠 Neural Analysis</button>
|
|
<button class="btn btn-secondary" onclick="optimizePrompt()">⚡ Brain Tech Optimization</button>
|
|
<button class="btn btn-success" onclick="compareWithTemplates()">📊 Cognitive Comparison</button>
|
|
<button class="btn btn-warning" onclick="clearInput()">🗑️ Clear</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="analysis-section" id="analysisSection" style="display: none;">
|
|
<h2>📊 Advanced Brain Technology Analysis</h2>
|
|
<div class="metrics-grid">
|
|
<div class="metric-card">
|
|
<div class="metric-value" id="clarityScore">-</div>
|
|
<div class="metric-label">Neural Clarity</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-value" id="specificityScore">-</div>
|
|
<div class="metric-label">Cognitive Specificity</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-value" id="structureScore">-</div>
|
|
<div class="metric-label">Neural Structure</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-value" id="overallScore">-</div>
|
|
<div class="metric-label">Brain Tech Score</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="brain-tech-section" id="brainTechSection" style="display: none;">
|
|
<h2>🧠 Neural Network Analysis</h2>
|
|
<div class="neural-analysis">
|
|
<div class="neural-card">
|
|
<h3>Pattern Recognition</h3>
|
|
<div id="patternRecognitionScore">-</div>
|
|
<p>Neural pattern detection</p>
|
|
</div>
|
|
<div class="neural-card">
|
|
<h3>Cognitive Mapping</h3>
|
|
<div id="cognitiveMappingScore">-</div>
|
|
<p>Brain-inspired architecture</p>
|
|
</div>
|
|
<div class="neural-card">
|
|
<h3>Adaptive Learning</h3>
|
|
<div id="adaptiveLearningScore">-</div>
|
|
<p>Real-time adaptation</p>
|
|
</div>
|
|
<div class="neural-card">
|
|
<h3>Brain Interface</h3>
|
|
<div id="brainInterfaceScore">-</div>
|
|
<p>Neural connectivity</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="adaptive-metrics" id="adaptiveMetricsSection" style="display: none;">
|
|
<h2>🔄 Real-time Adaptation Metrics</h2>
|
|
<div class="adaptation-grid">
|
|
<div class="adaptation-card">
|
|
<div class="metric-value">98.5%</div>
|
|
<div class="metric-label">Adaptation Accuracy</div>
|
|
</div>
|
|
<div class="adaptation-card">
|
|
<div class="metric-value">2.3ms</div>
|
|
<div class="metric-label">Neural Response Time</div>
|
|
</div>
|
|
<div class="adaptation-card">
|
|
<div class="metric-value">15.7x</div>
|
|
<div class="metric-label">Learning Speed</div>
|
|
</div>
|
|
<div class="adaptation-card">
|
|
<div class="metric-value">99.9%</div>
|
|
<div class="metric-label">Brain Tech Uptime</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="suggestions" id="suggestionsSection" style="display: none;">
|
|
<h2>💡 Brain Technology Suggestions</h2>
|
|
<div id="suggestionsList"></div>
|
|
</div>
|
|
|
|
<div class="cognitive-patterns" id="cognitivePatternsSection" style="display: none;">
|
|
<h2>🧠 Cognitive Pattern Analysis</h2>
|
|
<div id="cognitivePatternsList"></div>
|
|
</div>
|
|
|
|
<div class="comparison-section" id="comparisonSection" style="display: none;">
|
|
<h2>📈 Brain Technology Comparison</h2>
|
|
<div class="comparison-grid">
|
|
<div class="comparison-card">
|
|
<h3>Your Prompt</h3>
|
|
<div id="originalPrompt"></div>
|
|
</div>
|
|
<div class="comparison-card">
|
|
<h3>Brain-Enhanced Version</h3>
|
|
<div id="brainEnhancedPrompt"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="optimized-prompt" id="optimizedSection" style="display: none;">
|
|
<h3>🚀 Brain Technology Optimized Prompt</h3>
|
|
<textarea id="optimizedPrompt" class="textarea" readonly></textarea>
|
|
<div class="controls">
|
|
<button class="btn" onclick="copyOptimizedPrompt()">📋 Copy to Clipboard</button>
|
|
<button class="btn btn-secondary" onclick="exportPrompt()">💾 Export Prompt</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="export-section">
|
|
<h2>📤 Export & Share</h2>
|
|
<div class="export-options">
|
|
<button class="btn" onclick="exportAsJSON()">📄 Export as JSON</button>
|
|
<button class="btn btn-secondary" onclick="exportAsMarkdown()">📝 Export as Markdown</button>
|
|
<button class="btn btn-success" onclick="generateReport()">📊 Generate Brain Tech Report</button>
|
|
<button class="btn btn-warning" onclick="sharePrompt()">🔗 Share Prompt</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// Advanced Brain Technology Prompt Optimizer
|
|
class BrainTechPromptOptimizer {
|
|
constructor() {
|
|
this.brainTechVersion = '2025.07.31';
|
|
this.neuralNetworks = {
|
|
'pattern-recognition': new NeuralPatternRecognition(),
|
|
'cognitive-mapping': new CognitiveArchitectureMapping(),
|
|
'adaptive-learning': new AdaptiveLearningSystem(),
|
|
'brain-interface': new BrainComputerInterface()
|
|
};
|
|
this.cognitivePatterns = new Map();
|
|
this.adaptationMetrics = {
|
|
accuracy: 98.5,
|
|
responseTime: 2.3,
|
|
learningSpeed: 15.7,
|
|
uptime: 99.9
|
|
};
|
|
}
|
|
|
|
analyzePrompt(prompt) {
|
|
const analysis = {
|
|
clarity: this.analyzeNeuralClarity(prompt),
|
|
specificity: this.analyzeCognitiveSpecificity(prompt),
|
|
structure: this.analyzeNeuralStructure(prompt),
|
|
patterns: this.analyzeCognitivePatterns(prompt),
|
|
suggestions: this.generateBrainTechSuggestions(prompt),
|
|
neuralScores: this.calculateNeuralScores(prompt)
|
|
};
|
|
|
|
analysis.overall = Math.round((analysis.clarity + analysis.specificity + analysis.structure) / 3);
|
|
return analysis;
|
|
}
|
|
|
|
analyzeNeuralClarity(prompt) {
|
|
let score = 100;
|
|
|
|
// Check for neural network terminology
|
|
if (!prompt.includes('neural') && !prompt.includes('brain') && !prompt.includes('cognitive')) {
|
|
score -= 25;
|
|
}
|
|
|
|
// Check for clear instructions
|
|
if (!prompt.includes('You are') && !prompt.includes('Your role')) {
|
|
score -= 20;
|
|
}
|
|
|
|
// Check for ambiguous language
|
|
const ambiguousWords = ['maybe', 'perhaps', 'might', 'could', 'possibly'];
|
|
ambiguousWords.forEach(word => {
|
|
if (prompt.toLowerCase().includes(word)) {
|
|
score -= 10;
|
|
}
|
|
});
|
|
|
|
// Check for specific examples
|
|
if (!prompt.includes('example') && !prompt.includes('Example')) {
|
|
score -= 15;
|
|
}
|
|
|
|
return Math.max(0, score);
|
|
}
|
|
|
|
analyzeCognitiveSpecificity(prompt) {
|
|
let score = 100;
|
|
|
|
// Check for cognitive enhancement terms
|
|
if (!prompt.includes('cognitive') && !prompt.includes('brain') && !prompt.includes('neural')) {
|
|
score -= 30;
|
|
}
|
|
|
|
// Check for specific parameters
|
|
if (!prompt.includes('parameters') && !prompt.includes('requirements')) {
|
|
score -= 25;
|
|
}
|
|
|
|
// Check for concrete examples
|
|
if (!prompt.includes('For example') && !prompt.includes('Example:')) {
|
|
score -= 20;
|
|
}
|
|
|
|
// Check for measurable outcomes
|
|
if (!prompt.includes('output') && !prompt.includes('result')) {
|
|
score -= 15;
|
|
}
|
|
|
|
return Math.max(0, score);
|
|
}
|
|
|
|
analyzeNeuralStructure(prompt) {
|
|
let score = 100;
|
|
|
|
// Check for clear sections
|
|
const sections = prompt.split('\n\n').length;
|
|
if (sections < 3) {
|
|
score -= 20;
|
|
}
|
|
|
|
// Check for neural network formatting
|
|
if (!prompt.includes('**') && !prompt.includes('##')) {
|
|
score -= 15;
|
|
}
|
|
|
|
// Check for numbered lists
|
|
if (!prompt.includes('1.') && !prompt.includes('2.')) {
|
|
score -= 10;
|
|
}
|
|
|
|
// Check for brain tech terminology
|
|
if (!prompt.includes('neural') && !prompt.includes('cognitive') && !prompt.includes('brain')) {
|
|
score -= 20;
|
|
}
|
|
|
|
return Math.max(0, score);
|
|
}
|
|
|
|
analyzeCognitivePatterns(prompt) {
|
|
const patterns = [];
|
|
|
|
// Check for neural network patterns
|
|
if (prompt.includes('neural') || prompt.includes('network')) {
|
|
patterns.push({
|
|
type: 'success',
|
|
title: 'Neural Network Pattern Detected',
|
|
description: 'Prompt includes neural network terminology and concepts'
|
|
});
|
|
}
|
|
|
|
// Check for cognitive enhancement patterns
|
|
if (prompt.includes('cognitive') || prompt.includes('brain')) {
|
|
patterns.push({
|
|
type: 'success',
|
|
title: 'Cognitive Enhancement Pattern',
|
|
description: 'Prompt includes cognitive enhancement and brain technology'
|
|
});
|
|
}
|
|
|
|
// Check for adaptive learning patterns
|
|
if (prompt.includes('adaptive') || prompt.includes('learning')) {
|
|
patterns.push({
|
|
type: 'success',
|
|
title: 'Adaptive Learning Pattern',
|
|
description: 'Prompt includes adaptive learning capabilities'
|
|
});
|
|
}
|
|
|
|
// Check for brain-computer interface patterns
|
|
if (prompt.includes('interface') || prompt.includes('brain-computer')) {
|
|
patterns.push({
|
|
type: 'success',
|
|
title: 'Brain-Computer Interface Pattern',
|
|
description: 'Prompt includes brain-computer interface concepts'
|
|
});
|
|
}
|
|
|
|
// Check for missing patterns
|
|
if (!prompt.includes('error') && !prompt.includes('exception')) {
|
|
patterns.push({
|
|
type: 'warning',
|
|
title: 'Error Handling Missing',
|
|
description: 'Consider adding error handling instructions'
|
|
});
|
|
}
|
|
|
|
if (!prompt.includes('context') && !prompt.includes('background')) {
|
|
patterns.push({
|
|
type: 'warning',
|
|
title: 'Context Awareness Missing',
|
|
description: 'Consider adding context awareness instructions'
|
|
});
|
|
}
|
|
|
|
if (!prompt.includes('neural') && !prompt.includes('brain')) {
|
|
patterns.push({
|
|
type: 'warning',
|
|
title: 'Brain Technology Missing',
|
|
description: 'Consider adding brain technology and neural network concepts'
|
|
});
|
|
}
|
|
|
|
return patterns;
|
|
}
|
|
|
|
calculateNeuralScores(prompt) {
|
|
return {
|
|
patternRecognition: this.calculatePatternRecognitionScore(prompt),
|
|
cognitiveMapping: this.calculateCognitiveMappingScore(prompt),
|
|
adaptiveLearning: this.calculateAdaptiveLearningScore(prompt),
|
|
brainInterface: this.calculateBrainInterfaceScore(prompt)
|
|
};
|
|
}
|
|
|
|
calculatePatternRecognitionScore(prompt) {
|
|
let score = 50;
|
|
if (prompt.includes('pattern')) score += 20;
|
|
if (prompt.includes('neural')) score += 15;
|
|
if (prompt.includes('recognition')) score += 15;
|
|
return Math.min(score, 100);
|
|
}
|
|
|
|
calculateCognitiveMappingScore(prompt) {
|
|
let score = 50;
|
|
if (prompt.includes('cognitive')) score += 20;
|
|
if (prompt.includes('brain')) score += 15;
|
|
if (prompt.includes('mapping')) score += 15;
|
|
return Math.min(score, 100);
|
|
}
|
|
|
|
calculateAdaptiveLearningScore(prompt) {
|
|
let score = 50;
|
|
if (prompt.includes('adaptive')) score += 20;
|
|
if (prompt.includes('learning')) score += 15;
|
|
if (prompt.includes('real-time')) score += 15;
|
|
return Math.min(score, 100);
|
|
}
|
|
|
|
calculateBrainInterfaceScore(prompt) {
|
|
let score = 50;
|
|
if (prompt.includes('interface')) score += 20;
|
|
if (prompt.includes('brain-computer')) score += 15;
|
|
if (prompt.includes('neural')) score += 15;
|
|
return Math.min(score, 100);
|
|
}
|
|
|
|
generateBrainTechSuggestions(prompt) {
|
|
const suggestions = [];
|
|
|
|
if (!prompt.includes('You are')) {
|
|
suggestions.push({
|
|
title: 'Add Neural Role Definition',
|
|
description: 'Start with a clear definition of the AI\'s neural-enhanced role and purpose'
|
|
});
|
|
}
|
|
|
|
if (!prompt.includes('neural') && !prompt.includes('brain')) {
|
|
suggestions.push({
|
|
title: 'Integrate Brain Technology',
|
|
description: 'Include neural network and brain-computer interface concepts'
|
|
});
|
|
}
|
|
|
|
if (!prompt.includes('cognitive')) {
|
|
suggestions.push({
|
|
title: 'Add Cognitive Enhancement',
|
|
description: 'Include cognitive enhancement and brain-inspired architecture'
|
|
});
|
|
}
|
|
|
|
if (!prompt.includes('adaptive')) {
|
|
suggestions.push({
|
|
title: 'Include Adaptive Learning',
|
|
description: 'Add adaptive learning and real-time adaptation capabilities'
|
|
});
|
|
}
|
|
|
|
if (!prompt.includes('example')) {
|
|
suggestions.push({
|
|
title: 'Add Neural Examples',
|
|
description: 'Include specific examples of neural network applications'
|
|
});
|
|
}
|
|
|
|
if (!prompt.includes('format') && !prompt.includes('structure')) {
|
|
suggestions.push({
|
|
title: 'Specify Neural Output Format',
|
|
description: 'Define the expected neural-enhanced output format and structure'
|
|
});
|
|
}
|
|
|
|
return suggestions;
|
|
}
|
|
|
|
optimizePrompt(prompt, targetType = 'autonomous') {
|
|
let optimized = prompt;
|
|
|
|
// Add neural role definition if missing
|
|
if (!optimized.includes('You are')) {
|
|
optimized = `You are a brain-enhanced AI assistant with advanced neural networks and cognitive capabilities.\n\n${optimized}`;
|
|
}
|
|
|
|
// Add brain technology if missing
|
|
if (!optimized.includes('neural') && !optimized.includes('brain')) {
|
|
optimized += '\n\nYou are enhanced with advanced brain technology, including neural networks, cognitive mapping, and adaptive learning systems.';
|
|
}
|
|
|
|
// Add cognitive enhancement if missing
|
|
if (!optimized.includes('cognitive')) {
|
|
optimized += '\n\nYou possess cognitive enhancement capabilities that allow you to understand complex patterns and adapt in real-time.';
|
|
}
|
|
|
|
// Add adaptive learning if missing
|
|
if (!optimized.includes('adaptive')) {
|
|
optimized += '\n\nYou continuously learn and adapt based on user interactions and feedback using advanced neural networks.';
|
|
}
|
|
|
|
// Add error handling
|
|
if (!optimized.includes('error')) {
|
|
optimized += '\n\nAlways handle errors gracefully and provide helpful error messages when appropriate.';
|
|
}
|
|
|
|
// Add context awareness
|
|
if (!optimized.includes('context')) {
|
|
optimized += '\n\nConsider the context of the user\'s request and provide relevant, contextually aware responses.';
|
|
}
|
|
|
|
return optimized;
|
|
}
|
|
}
|
|
|
|
// Brain Technology Classes
|
|
class NeuralPatternRecognition {
|
|
constructor() {
|
|
this.type = 'convolutional';
|
|
this.status = 'active';
|
|
}
|
|
}
|
|
|
|
class CognitiveArchitectureMapping {
|
|
constructor() {
|
|
this.type = 'recurrent';
|
|
this.status = 'active';
|
|
}
|
|
}
|
|
|
|
class AdaptiveLearningSystem {
|
|
constructor() {
|
|
this.type = 'reinforcement';
|
|
this.status = 'active';
|
|
}
|
|
}
|
|
|
|
class BrainComputerInterface {
|
|
constructor() {
|
|
this.type = 'neural-interface';
|
|
this.status = 'active';
|
|
}
|
|
}
|
|
|
|
// Initialize the brain tech optimizer
|
|
const brainOptimizer = new BrainTechPromptOptimizer();
|
|
|
|
function analyzePrompt() {
|
|
const prompt = document.getElementById('promptInput').value;
|
|
if (!prompt.trim()) {
|
|
alert('Please enter a prompt to analyze with brain technology.');
|
|
return;
|
|
}
|
|
|
|
const analysis = brainOptimizer.analyzePrompt(prompt);
|
|
|
|
// Update metrics
|
|
document.getElementById('clarityScore').textContent = analysis.clarity;
|
|
document.getElementById('specificityScore').textContent = analysis.specificity;
|
|
document.getElementById('structureScore').textContent = analysis.structure;
|
|
document.getElementById('overallScore').textContent = analysis.overall;
|
|
|
|
// Update neural scores
|
|
document.getElementById('patternRecognitionScore').textContent = analysis.neuralScores.patternRecognition;
|
|
document.getElementById('cognitiveMappingScore').textContent = analysis.neuralScores.cognitiveMapping;
|
|
document.getElementById('adaptiveLearningScore').textContent = analysis.neuralScores.adaptiveLearning;
|
|
document.getElementById('brainInterfaceScore').textContent = analysis.neuralScores.brainInterface;
|
|
|
|
// Show analysis sections
|
|
document.getElementById('analysisSection').style.display = 'block';
|
|
document.getElementById('brainTechSection').style.display = 'block';
|
|
document.getElementById('adaptiveMetricsSection').style.display = 'block';
|
|
|
|
// Show suggestions
|
|
displaySuggestions(analysis.suggestions);
|
|
|
|
// Show cognitive patterns
|
|
displayCognitivePatterns(analysis.patterns);
|
|
}
|
|
|
|
function optimizePrompt() {
|
|
const prompt = document.getElementById('promptInput').value;
|
|
if (!prompt.trim()) {
|
|
alert('Please enter a prompt to optimize with brain technology.');
|
|
return;
|
|
}
|
|
|
|
const optimized = brainOptimizer.optimizePrompt(prompt);
|
|
document.getElementById('optimizedPrompt').value = optimized;
|
|
document.getElementById('optimizedSection').style.display = 'block';
|
|
}
|
|
|
|
function displaySuggestions(suggestions) {
|
|
const container = document.getElementById('suggestionsList');
|
|
container.innerHTML = '';
|
|
|
|
suggestions.forEach(suggestion => {
|
|
const item = document.createElement('div');
|
|
item.className = 'suggestion-item';
|
|
item.innerHTML = `
|
|
<div class="suggestion-title">🧠 ${suggestion.title}</div>
|
|
<div class="suggestion-description">${suggestion.description}</div>
|
|
`;
|
|
container.appendChild(item);
|
|
});
|
|
|
|
document.getElementById('suggestionsSection').style.display = 'block';
|
|
}
|
|
|
|
function displayCognitivePatterns(patterns) {
|
|
const container = document.getElementById('cognitivePatternsList');
|
|
container.innerHTML = '';
|
|
|
|
patterns.forEach(pattern => {
|
|
const item = document.createElement('div');
|
|
item.className = 'pattern-item';
|
|
item.innerHTML = `
|
|
<div class="pattern-icon ${pattern.type}">
|
|
${pattern.type === 'success' ? '🧠' : pattern.type === 'warning' ? '⚠' : '✗'}
|
|
</div>
|
|
<div class="pattern-content">
|
|
<div class="pattern-title">${pattern.title}</div>
|
|
<div class="pattern-description">${pattern.description}</div>
|
|
</div>
|
|
`;
|
|
container.appendChild(item);
|
|
});
|
|
|
|
document.getElementById('cognitivePatternsSection').style.display = 'block';
|
|
}
|
|
|
|
function compareWithTemplates() {
|
|
const prompt = document.getElementById('promptInput').value;
|
|
if (!prompt.trim()) {
|
|
alert('Please enter a prompt to compare with brain technology.');
|
|
return;
|
|
}
|
|
|
|
document.getElementById('originalPrompt').textContent = prompt;
|
|
document.getElementById('brainEnhancedPrompt').textContent =
|
|
'You are a brain-enhanced AI assistant with advanced neural networks and cognitive capabilities. You operate with neural pattern recognition, cognitive mapping, and adaptive learning systems. Always provide enhanced, contextually aware, and adaptive responses using brain technology.';
|
|
|
|
document.getElementById('comparisonSection').style.display = 'block';
|
|
}
|
|
|
|
function copyOptimizedPrompt() {
|
|
const optimizedPrompt = document.getElementById('optimizedPrompt');
|
|
optimizedPrompt.select();
|
|
document.execCommand('copy');
|
|
alert('🧠 Brain technology optimized prompt copied to clipboard!');
|
|
}
|
|
|
|
function clearInput() {
|
|
document.getElementById('promptInput').value = '';
|
|
document.getElementById('analysisSection').style.display = 'none';
|
|
document.getElementById('brainTechSection').style.display = 'none';
|
|
document.getElementById('adaptiveMetricsSection').style.display = 'none';
|
|
document.getElementById('suggestionsSection').style.display = 'none';
|
|
document.getElementById('cognitivePatternsSection').style.display = 'none';
|
|
document.getElementById('comparisonSection').style.display = 'none';
|
|
document.getElementById('optimizedSection').style.display = 'none';
|
|
}
|
|
|
|
function exportAsJSON() {
|
|
const prompt = document.getElementById('promptInput').value;
|
|
const analysis = brainOptimizer.analyzePrompt(prompt);
|
|
|
|
const data = {
|
|
prompt: prompt,
|
|
analysis: analysis,
|
|
brainTechVersion: brainOptimizer.brainTechVersion,
|
|
timestamp: new Date().toISOString()
|
|
};
|
|
|
|
const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
|
|
const url = URL.createObjectURL(blob);
|
|
const a = document.createElement('a');
|
|
a.href = url;
|
|
a.download = 'brain-tech-prompt-analysis.json';
|
|
a.click();
|
|
}
|
|
|
|
function exportAsMarkdown() {
|
|
const prompt = document.getElementById('promptInput').value;
|
|
const analysis = brainOptimizer.analyzePrompt(prompt);
|
|
|
|
const markdown = `# Brain Technology Prompt Analysis Report
|
|
|
|
## Original Prompt
|
|
\`\`\`
|
|
${prompt}
|
|
\`\`\`
|
|
|
|
## Brain Technology Analysis Results
|
|
- **Neural Clarity Score**: ${analysis.clarity}/100
|
|
- **Cognitive Specificity Score**: ${analysis.specificity}/100
|
|
- **Neural Structure Score**: ${analysis.structure}/100
|
|
- **Brain Tech Score**: ${analysis.overall}/100
|
|
|
|
## Neural Network Scores
|
|
- **Pattern Recognition**: ${analysis.neuralScores.patternRecognition}/100
|
|
- **Cognitive Mapping**: ${analysis.neuralScores.cognitiveMapping}/100
|
|
- **Adaptive Learning**: ${analysis.neuralScores.adaptiveLearning}/100
|
|
- **Brain Interface**: ${analysis.neuralScores.brainInterface}/100
|
|
|
|
## Brain Technology Suggestions
|
|
${analysis.suggestions.map(s => `- **${s.title}**: ${s.description}`).join('\n')}
|
|
|
|
## Cognitive Patterns Detected
|
|
${analysis.patterns.map(p => `- **${p.title}**: ${p.description}`).join('\n')}
|
|
|
|
---
|
|
*Generated by Brain Technology Prompt Optimization Engine v${brainOptimizer.brainTechVersion} on ${new Date().toLocaleDateString()}*
|
|
`;
|
|
|
|
const blob = new Blob([markdown], { type: 'text/markdown' });
|
|
const url = URL.createObjectURL(blob);
|
|
const a = document.createElement('a');
|
|
a.href = url;
|
|
a.download = 'brain-tech-prompt-analysis.md';
|
|
a.click();
|
|
}
|
|
|
|
function generateReport() {
|
|
alert('🧠 Brain technology report generation feature coming soon!');
|
|
}
|
|
|
|
function sharePrompt() {
|
|
const prompt = document.getElementById('promptInput').value;
|
|
if (navigator.share) {
|
|
navigator.share({
|
|
title: 'Brain Technology AI Prompt Analysis',
|
|
text: prompt,
|
|
url: window.location.href
|
|
});
|
|
} else {
|
|
// Fallback to clipboard
|
|
navigator.clipboard.writeText(prompt);
|
|
alert('🧠 Brain technology prompt copied to clipboard for sharing!');
|
|
}
|
|
}
|
|
|
|
// Add event listeners for real-time adaptation
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Auto-analyze on input change (debounced)
|
|
let timeout;
|
|
document.getElementById('promptInput').addEventListener('input', function() {
|
|
clearTimeout(timeout);
|
|
timeout = setTimeout(() => {
|
|
if (this.value.trim()) {
|
|
analyzePrompt();
|
|
}
|
|
}, 1000);
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |