Webdesign
The Webdesign skill from Daniel Miessler's LifeOS, a personal agent setup for Claude Code.
Was der Skill vermittelt
The Webdesign skill from Daniel Miessler's LifeOS, a personal agent setup for Claude Code. It offers two routes: DirectDesign, which designs inside the user's code following an aesthetic guide based on Anthropic's frontend-design approach, and NativeDesign, which uses Claude Design artboards and design-system sync to compare variants before implementing. Both reuse the host app's existing tokens and components unless a redesign is requested. Before anything is shown, the rendered page is captured with LifeOS's Interceptor tool and scored by its ArtDirection critique step, and the skill iterates on the named defects. It depends on other LifeOS components and a context loader, and reads saved user design preferences from a preferences file.
Funktionen
- Design UI directly in an existing codebase using its tokens and components
- Generate artboard variants and sync a design system through Claude Design
- Capture the rendered page and iterate on critique findings before delivery
Überblick
- Herausgeber
- Daniel Miessler
- Tool
- Frontend-Design
Installation
Das Projekt dokumentiert keine Installationsschritte, die wir bestätigen konnten. Zur Anleitung des Projekts
Was enthalten ist
- Context.json
- Intents/DirectDesign.md
- Intents/NativeDesign.md
- LICENSE.txt
- README.md
- References/ClaudeDesignCapabilities.md
- References/CompleteGuide.md
- References/FrontendDesignPhilosophy.md
- References/InputFormats.md
- References/SiteLaunch.md
- Setup.md
- Tools/VerifyDesign.ts
MCP-Server und Skills können Code auf deinem Rechner ausführen und auf deine Daten zugreifen. Prüfe den Quellcode, bevor du etwas installierst.
Dieser Skill enthält Skripte, die dein Agent ausführen kann.
Details
| Angabe | Wert | Quelle |
|---|---|---|
| Typ | Skill | |
| Tool | Frontend-Design | |
| Herausgeber | Daniel Miessler | Quelle |
| Offizieller Status | In der Dokumentation nicht angegeben | |
| Braucht API-Key oder Anmeldung | In der Dokumentation nicht angegeben | |
| Enthält Skripte | Ja | Quelle |
| Plattformen | In der Dokumentation nicht angegeben | |
| KI-Clients | In der Dokumentation nicht angegeben | |
| Lizenz | MIT | Quelle |
| Preis | In der Dokumentation nicht angegeben | |
| Aktivität | Letzter Commit am 5. Nov. 202619.824 GitHub-SterneKeine Download-Daten verfügbar (nicht auf npm oder PyPI) | Quelle |
| Links | Repository Website |
Mehr von Daniel Miessler
5 Skills
Alle 5 von Daniel Miessler →Auch zu finden unter: Frontend-Design
Quellen
- Skill-Datei (SKILL.md)github.com/danielmiessler/lifeos12. Nov. 2026
- Lizenzdatei (LICENSE.txt)github.com/danielmiessler/lifeos · Belegt: Lizenz12. Nov. 2026
- Lizenzdatei (LICENSE)github.com/danielmiessler/lifeos · Belegt: Herausgeber12. Nov. 2026
- Ordner im Repository (Webdesign)github.com/danielmiessler/lifeos · Belegt: Enthält Skripte12. Nov. 2026
- GitHub-Repositorygithub.com/danielmiessler/lifeos · Belegt: Aktivität, Lizenz11. Nov. 2026
- Skill-Datei (SKILL.md)github.com/danielmiessler/LifeOS10. Nov. 2026
- Ordner im Repository (Webdesign)github.com/danielmiessler/LifeOS · Belegt: Enthält Skripte10. Nov. 2026