yllemo

Skill Canvas — AI skill for Claude Code

AI community

Skill Canvas är en whiteboard‑liknande canvas‑app för att visuellt designa AI‑skills med text‑först‑tekniker som Markdown, Draw.io, Mermaid och HTML.

How to install Skill Canvas

This entry records only its repository, not the path inside it, so there is no exact command to give. Open yllemo/skill-canvas and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Skill Canvas does

Skill Canvas är en whiteboard‑liknande canvas‑app för att visuellt designa AI‑skills med text‑först‑tekniker som Markdown, Draw.io, Mermaid och HTML. Den gör det möjligt att kombinera diagram, dokumentation och exempel i en och samma yta för att snabbt skissa, iterera och dela komplexa agentskills.

Alternatives in AI

Artifacts Builder — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech 97.5k ★
Guizang Ppt Skill — AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts 24.9k ★
Business Model — Generate Business Model Canvas with all 9 building blocks 7.8k ★

README

Skill Canvas - Från idé till visuell kunskap och återanvändbara skills

![Skill Canvas](skill-canvas.jpg)

Skill Canvas

En PHP-baserad whiteboard-app för team som vill paketera kompetens till tydliga, visuella skills. Bygg och redigera storyboards med Markdown, Mermaid-diagram, **PlantUML**, **ArchiMate 4 (ArchiCode)**, Draw.io-ritningar, **BPMN-processdiagram**, **Taxonomi**, **Mindmap**, **SVG**, bilder (inkl. inbyggd målare), labels, annotations (text+pil), notes, **HTML/iframe**, **PromptBook** (chattkort med LLM) och **relationer mellan moduler**, och exportera allt som `.zip` eller `.skill` med `SKILL.md`, `index.md` (OKF) och YAML frontmatter. Öppna och spara även via **GitHub/GitLab** (token sparas bara i webbläsaren).

Se [CHANGELOG.md](CHANGELOG.md) för senaste ändringar.

Kompatibel med Claude Skills-formatet — name och description är obligatoriska. name används som canvas-titel i verktygsraden (ingen separat title i metadata).

AI-skills som fungerar direkt

Skill Canvas paketerar allt i en `.zip`- eller `.skill`-fil (samma innehåll) med SKILL.md i centrum, så samma innehåll kan användas direkt av agentisk AI utan efterbehandling. Samtidigt får team en snygg visuell whiteboard-upplevelse för att bygga, granska och vidareutveckla samma skill tillsammans.

Resultatet är ett gemensamt arbetsformat där människor och AI samarbetar i samma moduluppbyggda struktur: visuellt på canvasen och maskinläsbart i SKILL.md-paketeringen.

Från whiteboard till delbar AI-skill

Du kan klistra in en bild direkt i Skill Canvas, rita eller redigera den i målaren, och allt följer automatiskt med i `.zip` / `.skill` vid export. Markdown-kort visar inbäddade bilder från zip vid import. Det gör att samma material kan öppnas av en kollega, delas vidare i teamet eller användas direkt av AI och agentiska AI-skills.

All paketering styrs via SKILL.md-standarden från Anthropic (Claude AI Skills), vilket ger ett tydligt och portabelt format för både människor och AI.