사용 방법
- 설치 명령을 복사하고 자신의 에이전트 환경에 설치하기 전에 소스 패키지를 확인하세요.
- 필요한 도구, 인증 정보, 지원 환경은 원본 문서에서 확인하세요.
- 입력과 원하는 산출물을 설명하고 출처와 결과를 대조하세요.
npx skills add https://github.com/integralist/agent-skills --skill show-me시작 전 확인
- 설치에는 모델 구독, API 한도, 파일 접근 권한이 포함되지 않습니다.
- 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.
Show Me
Help the user understand the current topic visually. Skip the preamble, keep prose brief, and put each visual next to the short text it supports. Pick the smallest view, or few views, that make the point; most answers need one or two of the forms below, rarely all. Keep only the calls, files, props, states, and boundaries the current question or decision needs.
Pseudocode for logic or an algorithm:
on(save)
if content is unchanged
return cached result
write new content
return fresh resultCall tree for runtime control flow:
submitForm
createSession
persistPrompt
launchAgent
navigateToSessionComponent tree for UI structure, with the state and module boundaries that matter:
<SessionPage> (apps/example/src/routes/session.tsx)
useSessionEvents()
<SessionToolbar>
<RunSkillButton> (packages/ui)Shallow file tree for file responsibilities or a broad refactor:
src/
├── commands/ # parses user actions
├── sessions/ # owns session state
└── transport/ # sends API requestsMermaid for component interaction, control flow, or data flow:
sequenceDiagram
participant User
participant UI
participant Daemon
User->>UI: choose command
UI->>Daemon: send expanded prompt
Daemon-->>UI: stream resultDiff when the point is what changes and the surrounding shape already exists. Diff whichever of the forms above fits the topic: a component tree, file tree, call tree, or control flow.
submitForm
createSession
persistPrompt
+ expandSkillMention
launchAgent
- navigateToSession
+ navigateToSession
+ subscribeToEventsWhole block when most of it is new, when leaving out context would hide ownership or order, or when the user needs a copyable target:
function expandSkill(command: string): string {
const skillName = command.slice(1)
return `use the ${skillName} skill`
}HTML file for a visual UI, layout, state comparison, or concept too dense for Mermaid: one focused diagram, infographic, or short slide deck. Match the product's colours, type, spacing, and components, use real labels and data, and make it work on desktop and mobile. Save it as show-me-{description}.html and open it for the user with open.
