Skip to content

feat: add claude-skill/ as first-class distribution artifact#89

Open
teezeit wants to merge 1 commit intoakonan:mainfrom
teezeit:feat/claude-skill
Open

feat: add claude-skill/ as first-class distribution artifact#89
teezeit wants to merge 1 commit intoakonan:mainfrom
teezeit:feat/claude-skill

Conversation

@teezeit
Copy link
Copy Markdown
Contributor

@teezeit teezeit commented Apr 19, 2026

Summary

  • Adds claude-skill/ at repo root (parallel to vscode-extension/) so the wireframe skill ships with the npm package
  • build:skill script keeps references/quick-reference.md in sync with QUICK-REFERENCE.md

What's in claude-skill/

claude-skill/
├── SKILL.md                         # workflows, rendering, style picker, inline quick ref, composite example, gotchas
└── references/
    ├── quick-reference.md           # copied from QUICK-REFERENCE.md via build:skill
    ├── syntax.md                    # grid+card variant, tabs, progress bars, component mapping table
    ├── styles.md                    # style guide with use cases for all 7 styles
    ├── vscode.md                    # VS Code extension workflow
    └── examples/
        ├── dashboard.md             # renderable: sidebar + tabs + metrics grid + card grid + table
        └── settings-form.md         # renderable: settings form with sidebar + modals

Test plan

  • npm run build:skill copies QUICK-REFERENCE.md into claude-skill/references/quick-reference.md
  • wiremd claude-skill/references/examples/dashboard.md --style clean --serve 3001 renders correctly
  • wiremd claude-skill/references/examples/settings-form.md --style clean --serve 3001 renders correctly

🤖 Generated with Claude Code

Adds claude-skill/ at repo root (parallel to vscode-extension/) so the
wireframe skill ships alongside the npm package.

- SKILL.md: generic wiremd skill with workflows, rendering commands,
  style picker, inline quick reference, composite example, gotchas
- references/quick-reference.md: copied from QUICK-REFERENCE.md at build
  time via the new build:skill script
- references/syntax.md: full syntax with grid+card variant, tabs via
  button groups, progress bars, component mapping table
- references/styles.md: style guide with use cases for all 7 styles
- references/vscode.md: VS Code extension workflow
- references/examples/dashboard.md: renderable sidebar+tabs+grid+table example
- references/examples/settings-form.md: renderable form+modals example
- package.json: add claude-skill to files array, add build:skill script

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant