메뉴
Premium design system blueprint (Apple-style) — Inter typography, clean modern aesthetic, 4pt spacing scale. Strict K3 implementation guide for polished SaaS 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-premium |
| description | Premium design system blueprint (Apple-style) — Inter typography, clean modern aesthetic, 4pt spacing scale. Strict K3 implementation guide for polished SaaS Next.js 15 apps. |
Architect: K3 Ecosystem (
bergsideinspired) Target: Next.js 15 + Tailwind v4 + Shadcn UI
Execute frictionless, invisible UI that perfectly frames content. Soft borders, exquisite drop-shadows, mathematically perfect Inter kerning, and rounded precision.
Inject these exact font definitions into app/layout.tsx:
import { Inter, JetBrains_Mono } from 'next/font/google';
const inter = Inter({ subsets: ['latin'], variable: '--font-sans', display: 'swap' });
const jetbrainsMono = JetBrains_Mono({ subsets: ['latin'], variable: '--font-mono' });
// Add to body className: `${inter.variable} ${jetbrainsMono.variable} font-sans antialiased bg-slate-50`
@theme Overrides (globals.css)Inject these absolute value mappings to force Shadcn into the Premium paradigm.
@theme inline {
--color-background: #FFFFFF;
--color-foreground: #09090B;
--color-primary: #2563EB; /* Premium crisp blue */
--color-primary-foreground: #FFFFFF;
--color-secondary: #F4F4F5;
--color-secondary-foreground: #09090B;
--color-muted: #F4F4F5;
--color-muted-foreground: #71717A;
--color-accent: #F4F4F5;
--color-accent-foreground: #09090B;
--color-border: #E4E4E7;
--color-input: #E4E4E7;
--color-ring: #2563EB;
--font-sans: var(--font-sans), ui-sans-serif, system-ui;
--font-mono: var(--font-mono), ui-monospace, SFMono-Regular;
--radius-xl: 1rem;
--radius-lg: 0.75rem;
--radius-md: calc(0.75rem - 2px);
--radius-sm: calc(0.75rem - 4px);
/* Signature Apple-style shadow elevation */
--shadow-premium: 0 4px 24px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
}
body bg #FAFAFA, card bg #FFFFFF), utilizing the custom shadow-premium.--radius-lg and --radius-xl for structural containers and modals.border-[#E4E4E7]) to create structure without visual noise.font-medium (500) and font-semibold (600) strictly to map out hierarchy; never let text feel overly bold or "heavy" (avoid 800/900).