Individual skill

Webdesign

Designs and integrates web interfaces via DirectDesign (inline, Anthropic frontend-design philosophy, the default) or NativeDesign (/design artboards plus /design-sync design-system sync). USE WHEN web design, UI design, artboards, design variants, create prototype, design system, design sync, redesign site, mockup, landing page, dashboard design, design-to-code, frontend design, polish UI, design audit, brutalist/editorial/retro UI. NOT FOR illustrations/logos (Art), video (HyperFrames).

LifeOS/install/skills/Webdesign/SKILL.md

Read pinned source

Source commit b7efec97d8c3885feee285bee468c35602fb0606

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: No
Observed behavior: Network or broad shell
Last checked: Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

Standard SKILL.md format has not been attested at this commit. No installation command is available; inspect the source.

Repository context

Repository stars (not skill ratings): 19,782
Repository last updated: Nov 5, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

ai Repository topic
augmentation Repository topic
productivity Repository topic
humans Repository topic
ai-harness Repository topic
intent-engineering Repository topic
personal-ai Repository topic
coding Repository topic
lifeos Repository topic
design Derived category
writing Derived category
security Derived category
design-interface Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

Context.jsonasset · 2,698 bytes
Intents/DirectDesign.mddoc · 6,936 bytes
Intents/NativeDesign.mddoc · 4,474 bytes
LICENSE.txtdoc · 1,085 bytes
README.mddoc · 2,500 bytes
References/ClaudeDesignCapabilities.mddoc · 3,010 bytes
References/CompleteGuide.mddoc · 9,430 bytes
References/FrontendDesignPhilosophy.mddoc · 18,784 bytes
References/InputFormats.mddoc · 6,476 bytes
References/SiteLaunch.mddoc · 2,711 bytes
SKILL.mdcore · 7,434 bytes
SKILL.mdcore · 7,434 bytes
Setup.mddoc · 3,990 bytes
Tools/VerifyDesign.tsruns · 11,319 bytes

Read excerpt


# Webdesign

Design interfaces using DirectDesign for in-code work, or NativeDesign for artboard variants and design-system sync. Respect existing app tokens and components; redesign only when requested. Both paths share the aesthetic doctrine in `References/FrontendDesignPhilosophy.md` and the same quality loop.

## Ideal State

- Every design lands as working code (or a picked artboard implemented) in the host app's framework, diffed against its existing tokens and components; a full redesign happens only when the user asked for one, and replacing existing UI otherwise is flagged and confirmed first.
- The result looks made for its subject and its host app, never like a generic AI page: a named register, none of the forbidden defaults in `References/FrontendDesignPhilosophy.md`.
- The path fits the ask: DirectDesign for in-code work, NativeDesign for comparing looks or design-system sync, and an ambiguous ask gets both paths offered by name, never routed silently.
- Nothing reaches the principal as a first draft (principal directive, 2026-09-17): before it is shown, the rendered result has an Interceptor capture and an ArtDirection critique that passed the bar, or a reported shortfall.

## Intent Routing

| Intent | Trigger | File |