Loading...
Loading...
Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.
npx skill4agent add humanlayer/skills show-meon(save)
if content is unchanged
return cached result
write new content
return fresh resultsubmitForm
createSession
persistPrompt
launchAgent
navigateToSession<SessionPage> (apps/example/src/routes/session.tsx)
useSessionEvents()
<SessionToolbar>
<RunSkillButton> (packages/ui)src/
|-- commands/ # parses user actions
|-- sessions/ # owns session state
`-- transport/ # sends API requestssequenceDiagram
participant User
participant UI
participant Daemon
User->>UI: choose command
UI->>Daemon: send expanded prompt
Daemon-->>UI: stream resultdiff <SessionPage>
useSessionEvents()
<SessionToolbar>
+ <RunSkillButton />
<SessionTimeline>
+ <SkillResultCard /> src/
|-- commands/
+| `-- show-me.ts # expands the slash command
|-- sessions/
-`-- transport.ts
+`-- transport/
+ |-- client.ts
+ `-- stream.ts submitForm
createSession
persistPrompt
+ expandSkillMention
launchAgent
- navigateToSession
+ navigateToSession
+ subscribeToEvents on(save)
- write content
+ if content is unchanged
+ return cached result
+ write new content
+ invalidate cachefunction expandSkill(command: string): string {
const skillName = command.slice(1)
return `use the ${skillName} skill`
}Bash(open path/to/show-me-{description}.html)