web-artifacts-builder
Über
Diese Fähigkeit erstellt eigenständige, interaktive Webanwendungen als einzelne HTML-Dateien, ideal für Demos, Prototypen und Tools, die ohne externe Server laufen. Sie ermöglicht Entwicklern, gesamte Anwendungen – inklusive Code, Stile und Assets – in eine portable Datei zu verpacken. Nutzen Sie sie für schnelle, einfach teilbare Web-Erlebnisse wie Dashboards, Rechner oder Visualisierungen, die direkt in jedem modernen Browser funktionieren.
Schnellinstallation
Claude Code
Empfohlennpx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/web-artifacts-builderKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren
GitHub Repository
Frequently asked questions
What is the web-artifacts-builder skill?
web-artifacts-builder is a Claude Skill by vamseeachanta. Skills package instructions and resources that Claude loads on demand, so Claude can perform web-artifacts-builder-related tasks without extra prompting.
How do I install web-artifacts-builder?
Use the install commands on this page: add web-artifacts-builder to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does web-artifacts-builder belong to?
web-artifacts-builder is in the _internal category.
Is web-artifacts-builder free to use?
Yes. web-artifacts-builder is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Verwandte Skills
Dieser verpflichtende Workflow prüft Code auf rechtliche Risiken wie Kundennamen oder proprietäre Referenzen vor einer Cross-Review. Er stoppt den Review-Zyklus bei Verstößen und erfordert zunächst Korrekturen. Nutzen Sie ihn als vorgeschaltete Prüfstufe für PR-Erstellung, Code-Portierung oder jeden Cross-Review-Auslöser.
Die Brainstorming-Fähigkeit verwandelt erste Ideen durch iteratives Hinterfragen und kollaborativen Dialog in detaillierte Spezifikationen. Sie hilft Entwicklern, Designoptionen zu erkunden, Abwägungen zu bewerten und ein gemeinsames Verständnis vor der Implementierung zu schaffen. Dies verhindert Nacharbeiten, indem Konzepte systematisch zu umsetzbaren Plänen verfeinert werden.
Diese Fähigkeit bearbeitet Aktualisierungen der Repository-Strukturdokumentation nach Bereinigungsvorgängen. Sie aktualisiert automatisch Verzeichnisbäume, entfernt Verweise auf gelöschte Ordner und dokumentiert architektonische Änderungen wie `.claude/`-Ordner und konsolidierte Skripte. Verwenden Sie sie, um präzise Strukturabschnitte in README-Dateien nach Repository-Neustrukturierungen zu pflegen.
Diese Claude-Fähigkeit bietet strukturierte Best Practices für effektive Brainstorming-Sitzungen, mit Fokus auf nutzerzentrierten Ansätzen wie dem Start mit Bedürfnissen und der Validierung von Optionen. Sie liefert klare "Do"- und "Don't"-Richtlinien, um produktive Zusammenarbeit zu gewährleisten und vorzeitige Lösungen zu vermeiden. Entwickler sollten diese Referenz-Fähigkeit bei der Moderation von Brainstormings nutzen, um ein gründliches Verständnis und dokumentierte Entscheidungen sicherzustellen.