메뉴
Generate self-contained HTML visual explainers for technical systems and data. USE WHEN users ask for diagrams, visual technical summaries, or browser-rendered tables instead of terminal ASCII.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
USE WHEN a pre-sales lead, delivery lead, architect, or commercial lead needs to qualify a software delivery opportunity, shape an estimate, recommend a delivery approach, or produce a proposal. Triggers include: "can we estimate this?", "what should our Phase 1 be?", "help me shape this bid", "is this ready to price?", "write me a question pack for the client", "what delivery model fits this?", "calibrate this estimate", "red flag check", "how should we staff this?", or any conversation involving pre-sales qualification, scoping, effort sizing, or delivery model selection. Also use it whenever the user shares a project brief, RFP, or opportunity description and wants estimation or proposal support, even without the word "estimate". V3.1 covers AI-native delivery readiness, agentic tooling maturity, architectural review and AI showcase engagement shapes, quality-gate calibration, CreateFuture Activation sizing with named triggers, and the Activation compression trap.
Create reusable agent specs from role templates and output-format templates. USE WHEN you need a reusable agent or subagent spec for a defined role and target format.
Generate presentation slides from pasted content. USE WHEN the user says create slides based on this or asks to turn text into slides.
Create or update skills through route-specific templates and validation. USE WHEN you need portable skill authoring without repo-specific tooling.
Guide concise technical responses. USE WHEN replies need direct, low-noise engineering prose.
Customise this agent to the user's context and preferences. USE WHEN agent context should reflect company, role, project, or communication preferences.
| name | visual-explainer |
| description | Generate self-contained HTML visual explainers for technical systems and data. USE WHEN users ask for diagrams, visual technical summaries, or browser-rendered tables instead of terminal ASCII. |
| compatibility | Requires a browser to view generated HTML files. Optional surf-cli for AI image generation. |
| license | MIT |
| metadata | {"author":"nicobailon","version":"0.4.2"} |
--codex as an optional workflow enhancement flag: when present, swap the default core style references for the strict Codex variants and load references/codex-design-guardrails.md; otherwise ignore those Codex-only references..visual-explainer/ in the current project root, open the file, and verify quality before handoff..visual-explainer/ in the current project root.