fosterushka

fosterushka / skillsmith-for-claude

Public

Visual Claude Skills builder for creating, validating, linking, and exporting SKILL.md

fosterushka.github.ioskillsmith-for-claude
19
1
100% credibility
Found May 13, 2026 at 19 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
Vue
AI Summary

SkillSmith for Claude is a browser-based visual editor for creating, previewing, graphing, and exporting structured skills compatible with Claude AI.

How It Works

1
👋 Discover SkillSmith

You land on the welcoming page with a beautiful intro splash and hero banner explaining how to craft skills for Claude.

2
📚 Browse your library

See your collection of skills or starter patterns, each with a preview of what it does and how many tools it connects.

3
✨ Start a new skill

Pick a ready-made pattern or blank canvas to kick off your skill, and jump into the guided editor.

4
🎨 Build step by step

Fill in the essentials like name, what it does, when to use it, tools it needs, and detailed instructions using colorful blocks that snap together.

5
🔍 Preview live

Watch your skill come alive as formatted text with a token meter, checklist for perfection, and folder preview.

6
📊 See the big picture

Switch to graph view to visualize how your skills connect with tools and each other like a mind map.

🎉 Export and share

Download your ready skill as a folder or copy the text, perfect for using in Claude right away.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 19 to 19 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is skillsmith-for-claude?

SkillSmith is a visual builder for Claude skills, letting you craft, validate, link, and export SKILL.md files with YAML frontmatter, triggers, and progressive disclosure—all in a browser-based Vue app. Drag blocks for workflows, pick built-in tools or MCPs like Linear or GitHub, preview token usage and spec checklists, then download markdown or zip folders ready for Claude. It's a claude visual studio code alternative for skill creation, no coding required.

Why is it gaining traction?

Unlike hand-editing markdown in VSCode or GitHub, it enforces the official spec with a roadmap stepper, live validation, and patterns for quick starts like sequential workflows or MCP coordination. The graph view visualizes skill links and dependencies, while exports handle kebab-case folders and scripts seamlessly. Devs love the token meter and composability for building linked libraries without bloat.

Who should use this?

Prompt engineers and AI workflow builders creating Claude integrations for tools like Linear or Figma. DevOps teams automating sprints or handoffs in claude visual studio integration setups. Anyone tired of YAML boilerplate in github visual studio code online who wants a visual claude code builder for production skills.

Verdict

Grab it if you're building Claude skills—solid UX in a lightweight Vue SPA makes iteration fast, despite 19 stars and 1.0% credibility signaling early maturity. Docs are crisp; test a pattern export today.

(187 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.