선택적 디자인 스킬로, 프로토타입 제작 워크플로우에서 레이아웃, 간격, 계층 구조 또는 웹 상호작용 가이드라인에 대한 집중적인 방향이 필요할 때 에이전트 프로토타입 트리거에 의해 활성화됩니다.
이 스킬은 AI 에이전트가 프로토타입 제작 단계에서 디자인 중심의 가이드라인을 제공할 수 있도록 설계된 선택적 도구입니다. 주로 `agentic-prototype-trigger` 활성화 소유자에 의해 호출되며, `design_skill_palette.activated[]` 배열에 포함될 때만 작동합니다. 핵심 역할은 레이아웃, 간격(spacing), 시각적 계층 구조(hierarchy), 웹 상호작용 가이드라인에 대한 제약 조건, 근거 또는 검사 결과를 생성하여 `agentic-design-frontend-design` 프로듀서가 스테이징된 프로토타입 번들에 적용할 수 있도록 하는 것입니다. 프로토타입 제작 과정에서 정식 아티팩트(manifest, asset-index, phase metadata 등)를 직접 작성하거나 Git 커밋을 수행하지 않으며, 로컬 절대 경로도 생성하지 않아야 합니다.
npx skills add https://github.com/DolphinAI2026/dolphin-code/tree/HEAD/agentic-coding/skills/agentic-design-web-design-guidelines기본 활성화 소유자: agentic-prototype-trigger.
트리거가 design_skill_palette.activated[]에 이 스킬을 포함한 경우에만 사용합니다.
출력물은 agentic-design-frontend-design 프로듀서가 스테이징된 프로토타입 번들에 적용할 수 있는 설계 제약 조건, 근거 또는 검사 결과여야 합니다. 정식 프로토타입 아티팩트, manifest, asset-index, phase 메타데이터, Git 커밋 또는 호스트 로컬 절대 경로를 작성하지 마십시오.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".