diff --git a/plugins/show-me/skills/show-me/SKILL.md b/plugins/show-me/skills/show-me/SKILL.md index 15b5601..57142be 100644 --- a/plugins/show-me/skills/show-me/SKILL.md +++ b/plugins/show-me/skills/show-me/SKILL.md @@ -114,10 +114,12 @@ function expandSkill(command: string): string { } ``` -- For a visual UI, layout, state comparison, or concept too dense for Mermaid, write one focused HTML file — a diagram, an infographic, or a short slide deck, whichever fits the point. Match the product's colors, type, spacing, and components; use real labels and data; support desktop and mobile. Then open it for the user: +- For a visual UI, layout, state comparison, or concept too dense for Mermaid, write one focused HTML file — a diagram, an infographic, or a short slide deck, whichever fits the point. Match the product's colors, type, spacing, and components; use real labels and data; support desktop and mobile. Then open it for the user, with the command for their platform: ``` -Bash(open path/to/show-me-{description}.html) +Bash(open path/to/show-me-{description}.html) # macOS +Bash(xdg-open path/to/show-me-{description}.html) # Linux +Bash(wslview path/to/show-me-{description}.html) # WSL ``` - Place each visual next to the short text it supports. Keep only the calls, files, props, states, and boundaries needed to answer the user's current question.