fosterushka/skillsmith-for-claude

SkillSmith for Claude is a visual, browser based tool for building Skills for Claude, the AI assistant. A Skill is a small bundle of instructions, written as a file called SKILL.md, that tells Claude how to handle a specific kind of task the same way every time, so you do not have to retype long instructions in every conversation. Instead of writing that file by hand, SkillSmith gives you a visual editor. You create a skill, fill in typed blocks of content, and the tool checks your work as you go: it enforces kebab case folder names (lowercase words separated by hyphens), validates the YAML frontmatter (the structured metadata block at the top of the file), and lets you link related skills together. When you are done, you export a clean SKILL.md bundle ready to hand to Claude. The interface uses what the README calls progressive disclosure, meaning it shows you the basics first and reveals more advanced options only as you need them, rather than presenting every setting at once. This is useful for anyone who regularly asks Claude to perform a repeatable task, such as a particular code review checklist, a writing style, or a specialized workflow, and wants to define that behavior once instead of re explaining it in every session. It suits developers and technical writers who work with Claude often and want their custom instructions to be consistent, versioned, and easy to share with teammates. The project is built with Vue 3 and TypeScript, uses Vite for the build tooling, Pinia for state management, and Tailwind CSS for styling. A live demo is hosted on GitHub Pages, so you can try the editor in your browser without installing anything locally. It is released under the MIT license, and forks must keep the original copyright notice intact.