Expert guide for automated and manual Web Accessibility (a11y) testing — axe-core, Pa11y, Playwright a11y, screen reader testing, and WCAG 2.2 Level AA/AAA compliance / Panduan ahli pengujian aksesibilitas web.
中文简介正在准备中。当前显示原文说明。
Expert guide for integrating Large Language Models (LLMs), Model Context Protocol (MCP v1.x), hybrid reasoning models, RAG architecture, vector databases, and AI agents / Panduan ahli untuk integrasi LLM, Model Context Protocol (MCP), model hybrid reasoning, arsitektur RAG, vector database, dan agen AI.
中文简介正在准备中。当前显示原文说明。
查看安装方法安装前可以查看交给 AI 代理的指令内容。
<a name="english"></a>
frontier-ai-models-expert, gemini-agent-booster, vercel-ai-sdk-expert, pydantic-ai-expertmcp-server-architect, mcp-sampling-critic, doku-mcp-servermulti-agent-orchestration, parallel-tool-orchestrator, speculative-multi-draft-synthesizeragentic-memory-architect, vector-db-rag-expert, graph-rag-knowledge-expert, local-slm-edge-ai-expertkv-cache-prefix-optimizer, thinking-budget-orchestrator, llm-finops-router, context-window-engineerai-safety-governance-expert, prompt-injection-firewall, ai-prompt-engineering-expert, anti-slopzero-to-prod-orchestrator, session-memory-managerProduction-grade guidelines for integrating AI, Model Context Protocol (MCP), hybrid reasoning models, and Large Language Models (LLMs) into modern software architectures. Covers hybrid reasoning token streaming, Streamable HTTP MCP transports, agentic memory architectures, native context caching, RAG pipelines, and multi-model orchestration.
<think> chunks) separately from final output in user interfaces.cachedContent, Anthropic ephemeral prompt cache, OpenAI prefix cache).| Provider | Model | Tier | Context | Reasoning Type | Primary Strength |
|---|---|---|---|---|---|
| xAI | Grok 4.7 High Fast | High Fast | 256K | Sub-second Real-Time Compute | Lightning TTFT, live web search, rapid test-debug loops |
| xAI | Grok 4.6 High Fast | High Fast | 128K | High-Throughput Reasoning | Fast unit testing, code linting, micro-benchmark verification |
| Cursor | Composer 2.5 Fast | Fast | 200K | Native AST Diff Engine | Multi-file synchronized refactoring, zero-breakage diff generation |
| Gemini 4 Argon | Medium | 2M+ | Monolithic Balanced Reasoning | 2M+ whole-repo context, native caching, fullstack feature synthesis | |
| Gemini 3.8 Flash (Fallback) | Fast/Medium | 1M+ | Flash Thinking (Dynamic Budget) | Fallback for Gemini 4; ultra-low latency (<100ms TTFT), subagent swarms | |
| OpenAI | GPT-5.6 Sol | Medium | 500K | Strict Schema & Contract Enforcement | Flawless tool-calling, OpenAPI validation, PRM verification |
| Anthropic | Claude Opus 5.5 | Medium | 500K | Balanced Deep Comprehension | High-level architectural analysis, complex domain modeling |
| Anthropic | Claude Opus 4.6 (Fallback) | Medium | 200K | Hybrid Deep Reasoning | Fallback for Claude Opus 5.5; deep architectural comprehension |
| Anthropic | Claude Sonnet 5.5 | High | 500K | Extended Thinking (64K) | Flagship fullstack craftsmanship, zero-slop code, formal verification |
| Anthropic | Claude Fable 5.1 | High | 500K | Terminal-Bench SOTA & Cache-Pinning | Agentic terminal execution, 45% cheaper cache reads, VPC safety |
| Muse | Muse Wonder | High | 300K | Exploratory & Generative Design | Creative architecture synthesis, innovative generative UI layouts |
| Gemini 4 Pro | High | 2M–10M | Monolithic Multimodal Live | Long-context deep research, spatial audio/video, massive repo audits | |
| DeepSeek | DeepSeek-R1 / Pro | High | 128K | Open Weights Reasoning | High-power mathematical algorithms, complex AST transformation |
Modern frontier models emit internal thinking/reasoning tokens during test-time compute:
<think> or reasoning chunks from conversational output. Stream reasoning into collapsible UI accordion blocks while presenting clean output to the user.import { streamText } from 'ai';
import { anthropic } from '@ai-sdk/anthropic';
// Availability Fallback Invariant: Claude Sonnet 5.5 / Opus 5.5 -> Claude Opus 4.6
const getThinkingModel = () => {
try {
return anthropic('claude-sonnet-5.5');
} catch {
return anthropic('claude-opus-4.6');
}
};
const result = streamText({
model: getThinkingModel(),
providerOptions: {
anthropic: {
thinking: { type: 'enabled', budgetTokens: 4096 },
},
},
prompt: 'Refactor this distributed consensus engine...',
});
// Access reasoning stream alongside main text
for await (const part of result.fullStream) {
if (part.type === 'reasoning') {
process.stdout.write(`[Thinking]: ${part.textDelta}`);
} else if (part.type === 'text-delta') {
process.stdout.write(part.textDelta);
}
}
max_tokens cuts off reasoning before output generation (e.g., <think> block doesn't close), detect missing closing tags and dynamically increase budget/retry or append a forceful closing prompt block.thinking parameter (budgetTokens), Google thinkingConfig (set to true with budget logic), and OpenAI reasoning tokens (via reasoning_effort: "high").Standardize all agent-tool and agent-host communications using MCP specifications:
Production AI agents require multi-layered memory:
Build high-precision RAG pipelines:
text-embedding-3-large, gemini-embedding-004, or local bge-large-en-v1.5.tsvector queries.BidiGenerateContent with setup, clientContent, and serverContent events.wss://api.openai.com/v1/realtime, manage session configuration, and process audio delta events.// Basic Gemini Multimodal Live streaming setup
const ws = new WebSocket('wss://generativelanguage.googleapis.com/ws/google.ai.generativelanguage.v1alpha.GenerativeService.BidiGenerateContent');
ws.onopen = () => {
// Availability Fallback Invariant: Gemini 4 Argon -> Gemini 3.8 Flash
const liveModel = process.env.GEMINI_FALLBACK === 'true' ? 'models/gemini-3.8-flash' : 'models/gemini-4-argon';
ws.send(JSON.stringify({ setup: { model: liveModel } }));
};
ws.onmessage = (event) => {
const response = JSON.parse(event.data);
if (response.serverContent) {
console.log('Received audio/text delta:', response.serverContent);
}
};
click at x,y) based on visual element detection instead of DOM parsing.// CUA action loop with Playwright + Vision model
const screenshot = await page.screenshot();
const action = await getVisionModelAction(screenshot); // Returns { action: 'click', x: 100, y: 200 }
if (action.action === 'click') {
await page.mouse.click(action.x, action.y);
}
// Episodic memory storage using Mem0
import { Mem0 } from 'mem0';
const mem0 = new Mem0({ apiKey: 'YOUR_API_KEY' });
await mem0.add("User prefers dark mode and uses VSCode.", { user_id: "u123" });
const context = await mem0.search("IDE preferences", { user_id: "u123" });
// Character agent with personality state
const characterState = {
name: 'Elara',
traits: { openness: 0.8, conscientiousness: 0.9, extraversion: 0.3, agreeableness: 0.7, neuroticism: 0.2 },
mood: 'contemplative'
};
const prompt = `You are ${characterState.name}. Traits: ${JSON.stringify(characterState.traits)}. Current mood: ${characterState.mood}. Respond to the user.`;
cachedContent).export function selectOptimalModel(promptLength: number, taskType: 'classification' | 'reasoning' | 'summary') {
if (taskType === 'classification' || promptLength < 500) {
return 'gemini-3.8-flash'; // High speed, minimal cost
}
return 'gemini-3.1-pro'; // Deep reasoning
}
response_format: { type: "json_schema" }) guaranteed by model token-level grammar masks.<a name="bahasa-indonesia"></a>
frontier-ai-models-expert, gemini-agent-booster, vercel-ai-sdk-expert, pydantic-ai-expertmcp-server-architect, mcp-sampling-critic, doku-mcp-servermulti-agent-orchestration, parallel-tool-orchestrator, speculative-multi-draft-synthesizeragentic-memory-architect, vector-db-rag-expert, graph-rag-knowledge-expert, local-slm-edge-ai-expertkv-cache-prefix-optimizer, thinking-budget-orchestrator, llm-finops-router, context-window-engineerai-safety-governance-expert, prompt-injection-firewall, ai-prompt-engineering-expert, anti-slopzero-to-prod-orchestrator, session-memory-managerPanduan tingkat produksi untuk mengintegrasikan AI, Model Context Protocol (MCP), model hybrid reasoning, dan Large Language Models (LLM) ke dalam arsitektur perangkat lunak modern. Mencakup penanganan streaming token penalaran, transport MCP Streamable HTTP, arsitektur memori agentik, context caching native, pipeline RAG, dan orkestrasi multi-model.
<think>) secara terpisah dari output akhir pada tampilan antarmuka pengguna.cachedContent, Anthropic ephemeral prompt cache, OpenAI prefix cache).| Provider | Model | Tier | Konteks | Tipe Penalaran | Keunggulan Utama |
|---|---|---|---|---|---|
| xAI | Grok 4.7 High Fast | High Fast | 256K | Komputasi Real-Time Sub-Detik | TTFT kilat, pencarian web langsung, loop uji-debug cepat |
| xAI | Grok 4.6 High Fast | High Fast | 128K | Penalaran Throughput Tinggi | Pengujian unit cepat, linting kode, verifikasi micro-benchmark |
| Cursor | Composer 2.5 Fast | Fast | 200K | Mesin Diff AST Native | Refactoring multi-berkas tersinkronisasi, generasi patch aman |
| Gemini 4 Argon | Medium | 2M+ | Penalaran Seimbang Monolitik | Konteks 2M+ seluruh repo, caching native, sintesis fitur fullstack | |
| Gemini 3.8 Flash (Fallback) | Fast/Medium | 1M+ | Flash Thinking (Budget Dinamis) | Pengalihan jika Gemini 4 belum tersedia; latensi ultra-rendah (<100ms TTFT) | |
| OpenAI | GPT-5.6 Sol | Medium | 500K | Penegakan Skema & Kontrak Ketat | Tool-calling sempurna, validasi OpenAPI, verifikasi PRM |
| Anthropic | Claude Opus 5.5 | Medium | 500K | Pemahaman Arsitektur Mendalam | Analisis arsitektur tingkat tinggi, pemodelan domain kompleks |
| Anthropic | Claude Opus 4.6 (Fallback) | Medium | 200K | Penalaran Hibrida Mendalam | Pengalihan jika Claude Opus 5.5 belum tersedia; pemahaman arsitektur formal |
| Anthropic | Claude Sonnet 5.5 | High | 500K | Extended Thinking (64K) | Keahlian fullstack unggulan, kode anti-slop, verifikasi formal |
| Anthropic | Claude Fable 5.1 | High | 500K | Terminal-Bench SOTA & Cache-Pinning | Eksekusi terminal agentic, pembacaan cache 45% lebih hemat |
| Muse | Muse Wonder | High | 300K | Desain Eksploratif & Generatif | Sintesis arsitektur kreatif, layout UI generatif inovatif |
| Gemini 4 Pro | High | 2M–10M | Multimodal Live Monolitik | Riset mendalam long-context, audio/video spasial, audit repo raksasa | |
| DeepSeek | DeepSeek-R1 / Pro | High | 128K | Penalaran Open Weights | Algoritma matematika tinggi, transformasi AST kompleks |
Model frontier modern menghasilkan token pemikiran (thinking tokens) selama proses penalaran:
<think> dari output teks akhir. Alirkan proses pemikiran ke dalam accordion UI yang dapat dibuka/tutup, sementara output utama disajikan dengan bersih kepada user.reasoning pada stream untuk menangkap proses pemikiran model secara terpisah dari text-delta.max_tokens memotong proses penalaran sebelum teks output dimulai (blok <think> belum tertutup), deteksi tag yang hilang dan secara dinamis tingkatkan anggaran token atau tambahkan blok prompt penutup paksa.thinking Anthropic (budgetTokens), thinkingConfig Google (diaktifkan dengan logika anggaran), dan reasoning token OpenAI (via reasoning_effort: "high").Standarisasi seluruh komunikasi agen-ke-tool dan agen-ke-host menggunakan spesifikasi MCP:
text-embedding-3-large atau gemini-embedding-004.BidiGenerateContent dengan event setup, clientContent, dan serverContent.wss://api.openai.com/v1/realtime, kelola konfigurasi sesi, dan proses event delta audio.// Setup dasar streaming Gemini Multimodal Live
const ws = new WebSocket('wss://generativelanguage.googleapis.com/ws/google.ai.generativelanguage.v1alpha.GenerativeService.BidiGenerateContent');
ws.onopen = () => {
// Invarian Pengalihan Ketersediaan: Gemini 4 Argon -> Gemini 3.8 Flash
const liveModel = process.env.GEMINI_FALLBACK === 'true' ? 'models/gemini-3.8-flash' : 'models/gemini-4-argon';
ws.send(JSON.stringify({ setup: { model: liveModel } }));
};
ws.onmessage = (event) => {
const response = JSON.parse(event.data);
if (response.serverContent) {
console.log('Menerima delta teks/audio:', response.serverContent);
}
};
click at x,y) berdasarkan deteksi elemen visual daripada parsing DOM.// Loop aksi CUA dengan Playwright + Vision model
const screenshot = await page.screenshot();
const action = await getVisionModelAction(screenshot); // Mengembalikan { action: 'click', x: 100, y: 200 }
if (action.action === 'click') {
await page.mouse.click(action.x, action.y);
}
// Penyimpanan memori episodik menggunakan Mem0
import { Mem0 } from 'mem0';
const mem0 = new Mem0({ apiKey: 'YOUR_API_KEY' });
await mem0.add("Pengguna lebih suka dark mode dan menggunakan VSCode.", { user_id: "u123" });
const context = await mem0.search("Preferensi IDE", { user_id: "u123" });
// Agen karakter dengan state kepribadian
const characterState = {
name: 'Elara',
traits: { openness: 0.8, conscientiousness: 0.9, extraversion: 0.3, agreeableness: 0.7, neuroticism: 0.2 },
mood: 'kontemplatif'
};
const prompt = `Anda adalah ${characterState.name}. Sifat: ${JSON.stringify(characterState.traits)}. Suasana hati saat ini: ${characterState.mood}. Tanggapi pengguna.`;
cachedContent Gemini, ephemeral cache Anthropic, atau prefix cache OpenAI untuk menghemat hingga 90% biaya.还没有评价。欢迎分享你的使用感受。
无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
Expert guide for automated and manual Web Accessibility (a11y) testing — axe-core, Pa11y, Playwright a11y, screen reader testing, and WCAG 2.2 Level AA/AAA compliance / Panduan ahli pengujian aksesibilitas web.
中文简介正在准备中。当前显示原文说明。
Expert guide for intelligent model cascading and routing — complexity-scored task routing from Fast (Composer 2.5, Grok 4.7/4.6) to Medium (Gemini 4 Argon, GPT-5.6 Sol, Claude Opus 5.5) and High (Claude Sonnet 5.5, Claude Fable 5.1, Muse Wonder) / Panduan ahli untuk kaskade dan routing model cerdas.
中文简介正在准备中。当前显示原文说明。
Expert guide for intelligent model cascading and routing — complexity-scored task routing from Flash/Haiku to Sonnet/Opus/Astra, dynamic escalation with quality gates, 40-60% token cost reduction while maintaining output quality / Panduan ahli untuk kaskade dan routing model cerdas — routing tugas berbasis skor kompleksitas dari Flash/Haiku ke Sonnet/Opus/Astra, eskalasi dinamis dengan gerbang kualitas, pengurangan biaya token 40-60% dengan kualitas output terjaga.
中文简介正在准备中。当前显示原文说明。
Master guide for Affective Computing, emotional AI, and real-time sentiment analysis through native multimodal tokens (voice intonation and facial micro-expressions) / Panduan utama komputasi afektif, AI emosional, dan analisis sentimen real-time melalui token multimodal native.
中文简介正在准备中。当前显示原文说明。
Expert guide for Affective Computing, emotional AI, and real-time sentiment analysis through native multimodal tokens (voice intonation and facial micro-expressions) / Panduan ahli komputasi afektif, AI emosional, dan analisis sentimen real-time melalui token multimodal native.
中文简介正在准备中。当前显示原文说明。
Expert guide for AI-assisted coding workflows — agentic code generation, multi-agent code swarms, self-healing CI/CD, automated PR review, spec-to-code pipelines, codebase knowledge graphs, and human-in-the-loop approval gates / Panduan ahli untuk workflow pengkodean berbasis AI — generasi kode agentic, code swarm multi-agen, CI/CD self-healing, review PR otomatis, pipeline spec-to-code, knowledge graph codebase, dan gate persetujuan human-in-the-loop.
中文简介正在准备中。当前显示原文说明。