Webdesign
The Webdesign skill from Daniel Miessler's LifeOS, a personal agent setup for Claude Code.
What the skill teaches
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.
Capabilities
- 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
Install
The project doesn't document install steps that we could confirm. See the project's own instructions
What's inside
- 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
Details
| Fact | Value | Source |
|---|---|---|
| Type | Skill | |
| Tool | Frontend design | |
| Publisher | Daniel Miessler | source |
| Official status | Not stated in its documentation | |
| Needs an API key or sign-in | Not stated in its documentation | |
| Includes scripts | Yes | source |
| Platforms | Not stated in its documentation | |
| AI clients | Not stated in its documentation | |
| Licence | MIT | source |
| Pricing | Not stated in its documentation | |
| Activity | Last commit Nov 5, 202619,824 GitHub starsDownload data not available (not on npm or PyPI) | source |
| Links | Repository Website |
More from Daniel Miessler
5 skills
All 5 from Daniel Miessler →Also listed under: Frontend design
Sources
- Skill file (SKILL.md)github.com/danielmiessler/lifeosNov 12, 2026
- Licence file (LICENSE.txt)github.com/danielmiessler/lifeos · Backs: LicenceNov 12, 2026
- Licence file (LICENSE)github.com/danielmiessler/lifeos · Backs: PublisherNov 12, 2026
- Folder in the repository (Webdesign)github.com/danielmiessler/lifeos · Backs: Includes scriptsNov 12, 2026
- GitHub repositorygithub.com/danielmiessler/lifeos · Backs: Activity, LicenceNov 11, 2026
- Skill file (SKILL.md)github.com/danielmiessler/LifeOSNov 10, 2026
- Folder in the repository (Webdesign)github.com/danielmiessler/LifeOS · Backs: Includes scriptsNov 10, 2026