Skip to content

feat: add agent instructions, wireframe skill, and CLAUDE.md#9

Merged
teezeit merged 2 commits into
mainfrom
agent-instructions
Apr 19, 2026
Merged

feat: add agent instructions, wireframe skill, and CLAUDE.md#9
teezeit merged 2 commits into
mainfrom
agent-instructions

Conversation

@teezeit
Copy link
Copy Markdown
Owner

@teezeit teezeit commented Apr 18, 2026

Summary

  • Adds CLAUDE.md with codebase guidance for Claude Code (architecture, commands, testing)
  • Adds .claude/skills/wireframe/ — a full wireframe skill for Claude Code agents including syntax reference, VS Code guide, and build/render/serve scripts

Changes

  • CLAUDE.md — project instructions covering pipeline architecture, commands, build output, and testing
  • .claude/skills/wireframe/SKILL.md — wireframe skill definition with usage patterns for documenting existing screens and wireframing future iterations
  • .claude/skills/wireframe/references/syntax.md — full wiremd syntax reference (buttons, inputs, navigation, grids, containers, icons, etc.)
  • .claude/skills/wireframe/references/vscode.md — VS Code extension setup and daily workflow guide
  • .claude/skills/wireframe/scripts/ — build scripts for VS Code extension, Obsidian plugin, wiremd itself, plus render-all.sh and serve.sh

teezeit and others added 2 commits April 18, 2026 14:03
- Introduced SKILL.md for wireframe skill, detailing usage for documenting existing screens and wireframing future iterations.
- Added syntax reference in syntax.md for wiremd, covering disambiguation rules, buttons, inputs, navigation, and more.
- Created vscode.md for setting up and using the wiremd VS Code extension, including installation and daily workflows.
- Implemented build scripts for Obsidian plugin and VS Code extension, ensuring easy packaging and installation.
- Developed render-all.sh for rendering all wireframes to HTML and generating an index page.
- Added serve.sh for starting a live-reload preview server for wireframe files.
- Created CLAUDE.md to provide guidance on using the wiremd project, including commands, architecture, and testing.
Move the wireframe skill from .claude/skills/wireframe/ into claude-skill/
at the repo root so it ships alongside the npm package (like vscode-extension/).
.claude/skills/wireframe is now a symlink to ../../claude-skill for local use.

- Add claude-skill/ with rewritten SKILL.md (generic, not JAM-specific)
- Add references/styles.md, references/examples/dashboard.md and settings-form.md
- Copy QUICK-REFERENCE.md into references/quick-reference.md (build:skill script)
- Update syntax.md: grid+card variant, tabs via button groups, progress bars,
  component mapping table, column spans
- Add claude-skill to package.json files array and build:skill script

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@teezeit teezeit merged commit 9fc23c2 into main Apr 19, 2026
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