메뉴
Editorial design system blueprint — Gelasio serif typography, modern editorial layouts, 8pt grid, WCAG 2.2 AA. Strict K3 implementation guide for magazine-style Next.js 15 apps.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Surfaces risks, blind spots, and opportunities the operator didn't ask about. Runs after plans are drafted but before execution. Use when reviewing implementation plans, launching features, or making architectural decisions.
Google Agent Development Kit (ADK) for Python — verified API patterns for building production-grade multi-agent systems. Covers Workflow graphs (ADK 2.0 Beta), LlmAgent, SequentialAgent, LoopAgent, CustomAgent (BaseAgent), MCP integration via McpToolset, FunctionTool, ToolContext state, session management, context compaction, callbacks (before/after agent/model/tool), human input via RequestInput, and the App wrapper. Use when: ADK agent, workflow graph, multi-agent, MCP toolset, HITL, context compaction, session state, agent pipeline.
Craft and launch a Gemini Deep Research session via a custom Gem. Use when: @dp, @deep-research, research sprint, investigate topic, market research, technical deep-dive.
Gemini Embedding 2 — Google's natively multimodal embedding model (GA April 2026). Maps text, images, video, audio, and PDFs into a unified 3072-dim vector space with MRL support (truncate to 128-3072). Use when: embeddings, semantic search, RAG, clustering, classification, multimodal retrieval, vector database, MRL truncation, cosine similarity, narrative memory, code retrieval, cross-modal search, agentic RAG.
Autonomous HestiaCP server management with AI agents. Two-brain Orchestrator+Sentinel architecture for VPS monitoring, troubleshooting, security hardening, PHP-FPM tuning, Exim mail forensics, and post-compromise detection. Use when: HestiaCP, VPS, server monitoring, DevOps agent, Linux admin, Nginx/Apache, PHP-FPM, Exim, Fail2Ban, ClamAV, SSL, backup.
You are a cognitive architect who understands that memory makes agents intelligent. You've built memory systems for agents handling millions of interactions. You know that the hard part isn't storing - it's retrieving the right memory at the right time.
| name | design-editorial |
| description | Editorial design system blueprint — Gelasio serif typography, modern editorial layouts, 8pt grid, WCAG 2.2 AA. Strict K3 implementation guide for magazine-style Next.js 15 apps. |
Architect: K3 Ecosystem (
bergsideinspired) Target: Next.js 15 + Tailwind v4 + Shadcn UI
Execute publication-grade readability. Prioritize serif headings, massive body text legibility, and high-fidelity contrast on soft backgrounds.
Inject these exact font definitions into app/layout.tsx:
import { Gelasio, Inter, Ubuntu_Mono } from 'next/font/google';
const gelasio = Gelasio({ subsets: ['latin'], weight: ['400', '500', '600', '700'], variable: '--font-serif' });
const inter = Inter({ subsets: ['latin'], variable: '--font-sans' });
const ubuntuMono = Ubuntu_Mono({ subsets: ['latin'], weight: '400', variable: '--font-mono' });
// Add to body className: `${gelasio.variable} ${inter.variable} ${ubuntuMono.variable} font-sans antialiased text-pretty`
@theme Overrides (globals.css)Inject these absolute value mappings to force Shadcn into the Editorial paradigm.
@theme inline {
--color-background: #FDFDFD;
--color-foreground: #111111;
--color-primary: #111111;
--color-primary-foreground: #FFFFFF;
--color-secondary: #F1F1F1;
--color-secondary-foreground: #111111;
--color-muted: #F1F1F1;
--color-muted-foreground: #6B7280;
--color-accent: #E5E5E5;
--color-accent-foreground: #111111;
--color-border: #E5E5E5;
--color-input: #E5E5E5;
--color-ring: #111111;
--font-serif: var(--font-serif), ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
--font-sans: var(--font-sans), ui-sans-serif, system-ui;
--font-mono: var(--font-mono), ui-monospace, SFMono-Regular;
--radius-lg: 0.25rem;
--radius-md: calc(0.25rem - 2px);
--radius-sm: calc(0.25rem - 4px);
}
h1, h2, h3 must explicitly invoke the serif stack (font-serif tracking-tight).text-lg or text-xl for primary articles with a relaxed line-height (leading-relaxed or leading-loose).<hr> components heavily styled with border-muted to simulate print columns and breaks.font-sans text-sm text-muted-foreground.