本文へスキップ
Kitbay
掲載依頼
スキル

Webdesign

MIT2026年11月5日 更新19,824GitHubスタースクリプトあり

The Webdesign skill from Daniel Miessler's LifeOS, a personal agent setup for Claude Code.

スキルの内容

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.

できること

  • 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