File: /var/www/www-root/data/www/automoon.click/few-shot-learning.html
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Few-Shot & Zero-Shot Learning: Teaching AI by Example 2026</title>
<meta name="description" content="Master Few-Shot & Zero-Shot Learning with AI. 35+ prompt examples for ChatGPT, Claude & DeepSeek. Learn to teach AI through examples and pattern recognition.">
<meta name="keywords" content="few-shot learning, zero-shot learning, AI teaching prompts, example-based learning, pattern recognition AI, ChatGPT examples, Claude teaching, DeepSeek learning">
<!-- Open Graph -->
<meta property="og:title" content="Few-Shot & Zero-Shot Learning: Teaching AI by Example">
<meta property="og:description" content="35+ Prompt examples for teaching AI through few-shot and zero-shot learning techniques.">
<meta property="og:type" content="article">
<meta property="og:url" content="https://automoon.click/few-shot-learning.html">
<meta property="og:image" content="https://automoon.click/images/few-shot-og.jpg">
<meta property="og:locale" content="en_US">
<!-- Article Specific -->
<meta property="article:published_time" content="2026-01-23">
<meta property="article:author" content="AI Prompts 2026 Team">
<meta property="article:section" content="Advanced Techniques">
<!-- Canonical -->
<link rel="canonical" href="https://automoon.click/few-shot-learning.html">
<!-- Schema.org -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Few-Shot & Zero-Shot Learning: Teaching AI by Example 2026",
"description": "Complete guide to few-shot and zero-shot learning with 35+ prompt examples and teaching techniques",
"image": "https://automoon.click/images/few-shot-og.jpg",
"author": {"@type": "Organization", "name": "AI Prompts 2026"},
"publisher": {
"@type": "Organization",
"name": "AI Prompts 2026",
"logo": {"@type": "ImageObject", "url": "https://automoon.click/logo.png"}
},
"datePublished": "2026-01-23",
"dateModified": "2026-01-23",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://automoon.click/few-shot-learning.html"
}
}
</script>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
line-height: 1.7; color: #1a1a1a; background: #fefefe;
max-width: 800px; margin: 0 auto; padding: 0 20px;
}
/* Header */
header { padding: 30px 0 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 30px; }
.logo {
font-size: 24px; font-weight: 800; color: transparent;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text; background-clip: text;
text-decoration: none; display: inline-block; margin-bottom: 20px;
}
.back-link { color: #4a5568; text-decoration: none; font-size: 14px; margin-bottom: 15px; display: inline-block; }
.back-link:hover { color: #2d3748; text-decoration: underline; }
.article-meta { color: #718096; font-size: 14px; display: flex; gap: 20px; flex-wrap: wrap; }
.meta-tag { background: #edf2f7; padding: 4px 12px; border-radius: 20px; font-weight: 600; }
/* Article */
.article-title { font-size: 2.5rem; font-weight: 800; color: #2d3748; line-height: 1.2; margin-bottom: 20px; }
.content { font-size: 18px; margin-bottom: 50px; }
.intro {
font-size: 20px; color: #4a5568; font-weight: 500; margin-bottom: 30px; padding: 20px;
background: linear-gradient(135deg, #fef3c7 0%, #fce7f3 100%); border-left: 4px solid #d97706;
border-radius: 0 8px 8px 0;
}
h2 { font-size: 1.8rem; color: #2d3748; margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid #edf2f7; }
h3 { font-size: 1.4rem; color: #4a5568; margin: 30px 0 15px; }
p { margin-bottom: 20px; text-align: justify; }
/* Learning Types Grid */
.types-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 30px 0; }
.type-card {
background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px;
text-align: center; transition: transform 0.3s ease;
}
.type-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); }
.type-icon { font-size: 32px; margin-bottom: 15px; }
.type-name { font-weight: 700; color: #2d3748; margin-bottom: 10px; }
.type-stats { font-size: 12px; color: #718096; background: #f7fafc; padding: 4px 10px; border-radius: 12px; display: inline-block; }
/* Template Section */
.template-section { background: linear-gradient(135deg, #fef3c7 0%, #fce7f3 100%); border-radius: 12px; padding: 30px; margin: 40px 0; }
.template-box { background: white; border: 2px solid #d97706; border-radius: 10px; padding: 25px; margin: 20px 0; }
.template-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.template-label { background: #d97706; color: white; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 700; }
.template-content {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f8fafc; padding: 20px;
border-radius: 8px; white-space: pre-wrap; overflow-x: auto; line-height: 1.6; margin: 15px 0;
border-left: 4px solid #d97706;
}
.copy-btn { background: #667eea; color: white; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-weight: 600; transition: all 0.3s ease; }
.copy-btn:hover { background: #5a67d8; }
/* Examples Section */
.examples-section { background: #f0fff4; border: 2px solid #38a169; border-radius: 12px; padding: 25px; margin: 30px 0; }
.example-item { display: flex; margin-bottom: 20px; }
.example-badge { background: #38a169; color: white; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 700; margin-right: 15px; }
/* Teaching System */
.teaching-system { background: linear-gradient(135deg, #e6fffa 0%, #ebf8ff 100%); border-radius: 12px; padding: 25px; margin: 30px 0; }
.teaching-step { display: flex; margin-bottom: 20px; }
.step-number { background: #00b5d8; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; margin-right: 15px; flex-shrink: 0; }
/* Pattern Recognition */
.pattern-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 30px 0; }
.pattern-card { background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px; }
.pattern-name { font-weight: 700; color: #2d3748; margin-bottom: 5px; }
/* AI Comparison */
.ai-comparison { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin: 30px 0; }
.ai-card { background: white; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; text-align: center; }
.ai-name { font-weight: 700; color: #2d3748; margin-bottom: 10px; }
/* Common Mistakes */
.mistakes-box { background: #fed7d7; border: 1px solid #fc8181; border-radius: 10px; padding: 25px; margin: 30px 0; }
/* Best Practices */
.best-practices { background: #f0fff4; border: 2px solid #9ae6b4; border-radius: 12px; padding: 25px; margin: 30px 0; }
.practice-item { display: flex; margin-bottom: 15px; }
.practice-check { color: #38a169; margin-right: 10px; font-weight: bold; }
/* Conclusion */
.conclusion { background: linear-gradient(135deg, #f7fafc 0%, #ffffff 100%); border: 2px solid #c3dafe; border-radius: 12px; padding: 30px; margin: 40px 0; text-align: center; }
/* Navigation */
.article-nav { display: flex; justify-content: space-between; margin: 40px 0; padding: 20px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.nav-link { color: #4a5568; text-decoration: none; font-weight: 600; padding: 10px 20px; border-radius: 8px; transition: all 0.3s ease; }
.nav-link:hover { background: #f7fafc; color: #2d3748; }
/* Footer */
footer { margin-top: 60px; padding: 40px 0; border-top: 1px solid #eaeaea; text-align: center; color: #718096; font-size: 14px; }
.counter { margin-top: 25px; opacity: 0.8; }
@media (max-width: 768px) {
.article-title { font-size: 2rem; }
.content { font-size: 16px; }
.types-grid, .pattern-grid, .ai-comparison { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.types-grid, .pattern-grid, .ai-comparison { grid-template-columns: 1fr; }
}
</style>
</head>
<body>
<header>
<a href="/" class="logo">AI Prompts 2026</a>
<div>
<a href="/" class="back-link">← Back to All Prompts</a>
<div class="article-meta">
<span class="meta-tag">Advanced</span>
<span class="meta-tag">Teaching AI</span>
<span class="meta-tag">Reading Time: 14 min</span>
<span class="meta-tag">35+ Prompts</span>
</div>
</div>
</header>
<main>
<article>
<h1 class="article-title">Few-Shot & Zero-Shot Learning: Teaching AI by Example</h1>
<div class="content">
<div class="intro">
Master the art of teaching AI through examples. From zero examples to just a few—discover how to leverage AI's pattern recognition capabilities for any task without extensive training.
</div>
<h2>The Psychology of AI Learning: How Models Generalize from Examples</h2>
<p>Few-shot and zero-shot learning represent the cutting edge of human-AI collaboration. Unlike traditional machine learning that requires thousands of examples, these techniques allow AI to understand new concepts from just 1-5 examples (few-shot) or even no examples at all (zero-shot) by leveraging its pre-existing knowledge.</p>
<p>This works because modern AI models have been trained on essentially the entire internet. When you provide examples, you're not teaching from scratch—you're <em>activating and directing</em> patterns the AI already knows. Your examples serve as "pattern pointers" that tell the AI: "Apply this kind of thinking to this new task."</p>
<h2>Learning Type Comparison</h2>
<div class="types-grid">
<div class="type-card">
<div class="type-icon">🎯</div>
<div class="type-name">Zero-Shot Learning</div>
<p>AI performs task with NO examples, using only instructions and its pre-trained knowledge</p>
<span class="type-stats">0 examples needed</span>
</div>
<div class="type-card">
<div class="type-icon">📝</div>
<div class="type-name">One-Shot Learning</div>
<p>AI learns from just ONE example, extrapolating to similar cases</p>
<span class="type-stats">1 example needed</span>
</div>
<div class="type-card">
<div class="type-icon">📚</div>
<div class="type-name">Few-Shot Learning</div>
<p>AI learns from 2-5 examples, identifying patterns and rules</p>
<span class="type-stats">2-5 examples</span>
</div>
<div class="type-card">
<div class="type-icon">🏋️</div>
<div class="type-name">Many-Shot Learning</div>
<p>Traditional approach requiring 10+ examples for reliable performance</p>
<span class="type-stats">10+ examples</span>
</div>
</div>
<h2>Complete Teaching Framework</h2>
<div class="template-section">
<h3>Pattern-Based Teaching System</h3>
<div class="template-box">
<div class="template-header">
<span class="template-label">Template 01: Few-Shot Pattern Extraction</span>
<button class="copy-btn" onclick="copyTemplate('pattern-extraction')">Copy</button>
</div>
<template-content id="pattern-extraction">You are an expert in pattern recognition and few-shot learning. Analyze the following examples and extract the underlying patterns, then apply them to new cases.
**TASK DESCRIPTION:**
I want you to perform: [DESCRIBE THE TASK, e.g., "categorize customer feedback", "rewrite sentences in a specific style", "generate code following certain conventions"]
**FEW-SHOT EXAMPLES PROVIDED:**
Example 1 Input: "[INPUT 1]"
Example 1 Output: "[OUTPUT 1]"
Example 2 Input: "[INPUT 2]"
Example 2 Output: "[OUTPUT 2]"
Example 3 Input: "[INPUT 3]"
Example 3 Output: "[OUTPUT 3]"
**YOUR ANALYSIS PROCESS:**
1. **PATTERN EXTRACTION PHASE**
- Identify explicit patterns in the examples (format, structure, keywords)
- Identify implicit patterns (tone, style, underlying logic)
- List all rules you can infer from the examples
- Note any exceptions or edge cases in the examples
2. **RULE FORMULATION**
Create a rule set based on the examples:
- Rule 1: [Clear statement of first rule]
- Rule 2: [Clear statement of second rule]
- Rule 3: [Clear statement of third rule]
- Additional observations: [Any other patterns]
3. **PATTERN VALIDATION**
- Test if the rules work consistently across all examples
- Identify any contradictions or ambiguities
- Determine confidence level for each rule (high/medium/low)
- Note where rules might break down
4. **APPLICATION TO NEW CASES**
Now apply your extracted patterns to these new inputs:
New Input 1: "[NEW INPUT 1]"
Expected pattern application: [Explain what patterns apply]
Your output: [Generate output following the patterns]
New Input 2: "[NEW INPUT 2]"
Expected pattern application: [Explain what patterns apply]
Your output: [Generate output following the patterns]
New Input 3: "[NEW INPUT 3]"
Expected pattern application: [Explain what patterns apply]
Your output: [Generate output following the patterns]
5. **PATTERN REFINEMENT**
Based on your application:
- Were any patterns incomplete or incorrect?
- Do you need to adjust any rules?
- What additional examples would clarify ambiguous patterns?
- Create a revised rule set if needed
6. **META-LEARNING INSIGHTS**
- What type of learning does this task represent? (classification, transformation, generation, etc.)
- How many examples were optimal for this task?
- What made the examples effective or ineffective?
- How could the examples be improved for better learning?
**OUTPUT FORMAT:**
1. Clear pattern analysis with bullet points
2. Rule set in numbered list
3. Application to new cases with explanations
4. Confidence assessment for each application
5. Recommendations for improving the teaching examples</template-content>
</div>
<div class="template-box">
<div class="template-header">
<span class="template-label">Template 02: Zero-Shot Instruction Following</span>
<button class="copy-btn" onclick="copyTemplate('zero-shot')">Copy</button>
</div>
<template-content id="zero-shot">You are an AI capable of zero-shot learning—performing new tasks without prior examples, using only instructions and your existing knowledge.
**ZERO-SHOT TASK INSTRUCTION:**
Perform the following task without any examples. Use only the instructions below and your general knowledge.
**TASK DEFINITION:**
Task Name: [GIVE THE TASK A NAME]
Task Type: [e.g., Classification, Generation, Transformation, Analysis]
Task Domain: [e.g., Writing, Programming, Data Analysis, Creative]
**DETAILED INSTRUCTIONS:**
1. **TASK BOUNDARIES**
- What is IN SCOPE for this task: [List specific inclusions]
- What is OUT OF SCOPE: [List specific exclusions]
- Edge cases to handle specially: [Describe]
2. **PROCESS REQUIREMENTS**
Step 1: [First thing to do]
Step 2: [Second thing to do]
Step 3: [Third thing to do]
[Add more steps as needed]
3. **QUALITY CRITERIA**
- Accuracy: [What constitutes correct vs incorrect]
- Completeness: [What must be included]
- Style/Format: [Specific requirements]
- Constraints: [Limitations to follow]
4. **EVALUATION METRICS**
How success will be measured:
- Metric 1: [e.g., Faithfulness to instructions]
- Metric 2: [e.g., Logical consistency]
- Metric 3: [e.g., Creativity/Originality]
- Metric 4: [e.g., Practical usefulness]
**CONTEXT PROVIDED:**
[Provide any necessary background information, definitions, or context]
**NOW PERFORM THE TASK:**
Input 1: "[INPUT FOR TASK 1]"
Your reasoning process for Input 1:
1. First, I will [explain your first step]
2. Then, I will [explain your next step]
3. Finally, I will [explain your final step]
Your output for Input 1:
[PERFORM THE TASK HERE]
---
Input 2: "[INPUT FOR TASK 2]"
Your reasoning process for Input 2:
1. First, I will [explain your first step]
2. Then, I will [explain your next step]
3. Finally, I will [explain your final step]
Your output for Input 2:
[PERFORM THE TASK HERE]
---
Input 3: "[INPUT FOR TASK 3]"
Your reasoning process for Input 3:
1. First, I will [explain your first step]
2. Then, I will [explain your next step]
3. Finally, I will [explain your final step]
Your output for Input 3:
[PERFORM THE TASK HERE]
**SELF-EVALUATION:**
After completing the task:
- Which parts were easiest? Why?
- Which parts were most challenging? Why?
- What additional information would have helped?
- How confident are you in your outputs? (High/Medium/Low)
- What similar tasks could you now perform?
**INSTRUCTION IMPROVEMENT SUGGESTIONS:**
Based on your experience:
- How could the instructions be clearer?
- What assumptions did you have to make?
- What implicit knowledge did you use?
- What would make this truly "zero-shot" easier?</template-content>
</div>
</div>
<div class="examples-section">
<h3>Real-World Application Examples</h3>
<div class="example-item">
<div class="example-badge">Zero-Shot</div>
<div>"Classify these emails as urgent, important, or casual based on content and tone. No examples provided."</div>
</div>
<div class="example-item">
<div class="example-badge">One-Shot</div>
<div>"Here's one example of how I want meeting minutes formatted. Apply this format to these other meetings."</div>
</div>
<div class="example-item">
<div class="example-badge">Few-Shot (3 examples)</div>
<div>"Here are 3 examples of code comments I like. Comment this new code in the same style."</div>
</div>
<div class="example-item">
<div class="example-badge">Pattern-Based</div>
<div>"Extract the pattern from these 4 product descriptions, then write 10 new ones following that pattern."</div>
</div>
</div>
<h2>The 5-Step Teaching Framework</h2>
<div class="teaching-system">
<div class="teaching-step">
<div class="step-number">1</div>
<div><strong>Define Task Clearly:</strong> "The task is to [describe]. Important aspects: [list]. Output should: [requirements]."</div>
</div>
<div class="teaching-step">
<div class="step-number">2</div>
<div><strong>Select Examples Strategically:</strong> "Choose 3 examples that show: 1) Basic case, 2) Edge case, 3) Variation."</div>
</div>
<div class="teaching-step">
<div class="step-number">3</div>
<div><strong>Highlight Patterns Explicitly:</strong> "Notice in these examples: Pattern A is [description], Pattern B is [description]."</div>
</div>
<div class="teaching-step">
<div class="step-number">4</div>
<div><strong>Test Understanding:</strong> "Apply these patterns to [new case]. Explain which patterns you're using and why."</div>
</div>
<div class="teaching-step">
<div class="step-number">5</div>
<div><strong>Refine & Generalize:</strong> "Based on results, adjust patterns. Create general rules that work beyond the examples."</div>
</div>
</div>
<h3>Pattern Recognition Types</h3>
<div class="pattern-grid">
<div class="pattern-card">
<div class="pattern-name">Structural Patterns</div>
<div>Format, organization, template following (e.g., email structure, code formatting)</div>
</div>
<div class="pattern-card">
<div class="pattern-name">Linguistic Patterns</div>
<div>Tone, style, vocabulary, sentence structure (e.g., formal vs casual writing)</div>
</div>
<div class="pattern-card">
<div class="pattern-name">Logical Patterns</div>
<div>Reasoning flow, argument structure, decision criteria (e.g., classification rules)</div>
</div>
<div class="pattern-card">
<div class="pattern-name">Creative Patterns</div>
<div>Metaphor use, narrative structure, aesthetic choices (e.g., storytelling style)</div>
</div>
</div>
<h3>When to Use Each Approach</h3>
<div class="ai-comparison">
<div class="ai-card">
<div class="ai-name">Zero-Shot</div>
<div>Best for: Simple tasks, clear instructions, tasks similar to AI's training data</div>
</div>
<div class="ai-card">
<div class="ai-name">One-Shot</div>
<div>Use when: You have one perfect example, task is highly specific</div>
</div>
<div class="ai-card">
<div class="ai-name">Few-Shot (2-3)</div>
<div>Optimal for: Most tasks, shows variations, establishes patterns</div>
</div>
<div class="ai-card">
<div class="ai-name">Few-Shot (4-5)</div>
<div>Needed for: Complex tasks, multiple edge cases, high-stakes applications</div>
</div>
</div>
<h2>Common Teaching Mistakes</h2>
<div class="mistakes-box">
<p><strong>Inconsistent Examples:</strong> Examples that contradict each other confuse rather than teach.</p>
<p><strong>Missing Pattern Highlighting:</strong> Assuming AI will notice subtle patterns without explicit guidance.</p>
<p><strong>Too Few Variations:</strong> Examples that don't show edge cases or reasonable variations.</p>
<p><strong>Overly Complex Examples:</strong> Starting with the most complex case instead of building from simple to complex.</p>
</div>
<h2>Best Practices for Teaching AI</h2>
<div class="best-practices">
<div class="practice-item">
<div class="practice-check">✓</div>
<div><strong>Start with Zero-Shot:</strong> Always try instructions alone first. You might be surprised what AI can do without examples.</div>
</div>
<div class="practice-item">
<div class="practice-check">✓</div>
<div><strong>Use the "Goldilocks" Principle:</strong> Not too few examples (ambiguous), not too many (overwhelming), just right (2-5 typically optimal).</div>
</div>
<div class="practice-item">
<div class="practice-check">✓</div>
<div><strong>Show, Don't Just Tell:</strong> Instead of "write formally", provide an example of formal writing and point out specific characteristics.</div>
</div>
<div class="practice-item">
<div class="practice-check">✓</div>
<div><strong>Test with Unseen Cases:</strong> After providing examples, test AI with completely new cases to verify true learning vs pattern matching.</div>
</div>
</div>
<h2>Quick Teaching Exercises</h2>
<p><strong>Exercise 1 (Zero-Shot):</strong> "Create a recipe for [dish] without any examples. Include ingredients, steps, cooking time, and serving suggestions."</p>
<p><strong>Exercise 2 (One-Shot):</strong> "Here's one example of how I format meeting notes. Take these raw notes and format them the same way."</p>
<p><strong>Exercise 3 (Few-Shot):</strong> "Here are 3 examples of product descriptions I like. Write 5 new descriptions for different products in the same style."</p>
<p><strong>Exercise 4 (Pattern Extraction):</strong> "Analyze these 4 customer service responses. What patterns do you see? Create a response template based on those patterns."</p>
<div class="conclusion">
<h3>The Art of AI Teaching</h3>
<p>In 2026, AI mastery isn't about writing perfect prompts—it's about becoming an <strong>effective teacher</strong> who understands how AI learns from examples. These techniques transform you from a user giving commands to an educator shaping AI's understanding through strategic example selection and pattern highlighting.</p>
<p style="margin-top: 15px; font-style: italic;">The best AI collaborators in 2026 aren't those with the most technical knowledge, but those who best understand how to teach AI through examples and patterns.</p>
</div>
<div class="article-nav">
<a href="data-decoder.html" class="nav-link">← Previous: Data Decoder</a>
<a href="prompt-chaining.html" class="nav-link">Next: Prompt Chaining →</a>
</div>
</div>
</article>
</main>
<footer>
<div class="counter">
<!--LiveInternet counter-->
<a href="https://www.liveinternet.ru/click" target="_blank">
<img id="licnt01F3" width="88" height="15" style="border:0"
title="LiveInternet: показано число посетителей за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt=""/>
</a>
<script>(function(d,s){d.getElementById("licnt01F3").src=
"https://counter.yadro.ru/hit?t26.6;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script>
<!--/LiveInternet-->
</div>
<div style="margin-top: 20px; font-size: 13px;">
© 2026 AI Prompts 2026. Part of our <a href="/" style="color: #667eea;">Complete AI Prompt Database</a>.
</div>
</footer>
<script>
function copyTemplate(templateId) {
const templateText = document.getElementById(templateId).textContent;
navigator.clipboard.writeText(templateText).then(() => {
const button = event.target;
button.textContent = 'Copied!';
button.style.background = '#38a169';
setTimeout(() => {
button.textContent = 'Copy';
button.style.background = '#667eea';
}, 2000);
});
}
document.addEventListener('DOMContent document.addEventListener('DOMContentLoaded', function() {
// Update reading time
const content = document.querySelector('.content').textContent;
const wordCount = content.trim().split(/\s+/).length;
const readingTime = Math.ceil(wordCount / 200);
const metaTags = document.querySelectorAll('.meta-tag');
metaTags.forEach(tag => {
if (tag.textContent.includes('Reading Time')) {
tag.textContent = `Reading Time: ${readingTime} min`;
}
});
// Add interactive example generator
const exampleGenerator = document.createElement('div');
exampleGenerator.innerHTML = `
<div style="background: #fef3c7; padding: 15px; border-radius: 8px; margin: 20px 0; text-align: center;">
<h4 style="margin-bottom: 10px;">Example Generator Tool</h4>
<div style="margin-bottom: 10px;">
<select id="learningType" style="padding: 8px; border-radius: 4px; border: 1px solid #d1d5db;">
<option value="zero">Zero-Shot</option>
<option value="one">One-Shot</option>
<option value="few">Few-Shot (3 examples)</option>
</select>
<button onclick="generateExample()" style="background: #d97706; color: white; border: none; padding: 8px 16px; border-radius: 4px; margin-left: 10px;">Generate Example</button>
</div>
<div id="generatedExample" style="margin-top: 15px; text-align: left; background: white; padding: 15px; border-radius: 4px; display: none;"></div>
</div>
`;
const intro = document.querySelector('.intro');
intro.parentNode.insertBefore(exampleGenerator, intro.nextSibling);
console.log(`Few-Shot Learning article: ${wordCount} words, ~${readingTime} min read`);
});
function generateExample() {
const type = document.getElementById('learningType').value;
let example = '';
if (type === 'zero') {
example = `
<strong>Zero-Shot Example:</strong><br>
<em>Task:</em> Write a product description for a smart water bottle<br>
<em>Instructions:</em> Include: 1) Key features 2) Benefits 3) Technical specs 4) Call to action<br>
<em>No examples provided - AI uses general knowledge</em>
`;
} else if (type === 'one') {
example = `
<strong>One-Shot Example:</strong><br>
<em>Example Provided:</em><br>
Input: "Meeting about Q3 planning"<br>
Output: "Q3 Planning Meeting<br>
Date: 2026-07-15<br>
Attendees: John, Sarah, Mike<br>
Decisions: 1) Increase marketing budget 2) Launch product in September"<br><br>
<em>New Task:</em> Format these notes: "Team sync about project timeline"<br>
<em>AI applies the single example pattern</em>
`;
} else {
example = `
<strong>Few-Shot Example (3 examples):</strong><br>
<em>Example 1:</em> "The cat sat" → "The feline rested"<br>
<em>Example 2:</em> "The dog ran" → "The canine sprinted"<br>
<em>Example 3:</em> "The bird flew" → "The avian soared"<br><br>
<em>New Task:</em> "The fish swam" → ?<br>
<em>Pattern recognized:</em> Replace common animal with formal name, change verb to more descriptive<br>
<em>AI Output:</em> "The aquatic creature glided"<br>
`;
}
const exampleDiv = document.getElementById('generatedExample');
exampleDiv.innerHTML = example;
exampleDiv.style.display = 'block';
}
</script>
</body>
</html>