---
title: "Webdesign - Air Market"
description: "You need a web page or an interface, and you would rather describe it than draw it. This writes the design as real front-end work, and can sync it back to a design system as the code changes. Reach f…"
canonical: "https://airmarket.ai/app/webdesign"
---

[Air Market](/) / [Design](/category/design) / Webdesign

Skill by [Daniel Miessler 🛡️](/@danielmiessler)

# Webdesign

Get a real interface built, not just a picture of one

## What this does

You need a web page or an interface, and you would rather describe it than draw it. This writes the design as real front-end work, and can sync it back to a design system as the code changes. Reach for it for a landing page, a dashboard, a prototype, or a tired UI that needs another pass. It is not for logos, illustrations, or video.

### Top 3 things it does for you

- Turn a rough idea into a working prototype
- Redesign a site or landing page
- Polish an interface that feels unfinished

## Information

**Webdesign at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Daniel Miessler 🛡️](/@danielmiessler) |
| Category | [Design](/category/design) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Version | 1.2.3 |
| Size | 125 KB |
| Licence | MIT |
| Repository | [danielmiessler/LifeOS](https://github.com/danielmiessler/LifeOS/tree/ce046f26495c73f007790971869c94d58e0f6a20/LifeOS/install/skills/Webdesign) |
| GitHub stars | 18,706 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Webdesign and flagged nothing. AIR's verdict: **safe**.

**What Webdesign's check was run against**

|  |  |
| --- | --- |
| Commit | ce046f26495c73f007790971869c94d58e0f6a20 |
| Content hash | d18948b152700f5c79753383c29546feb11612ed233ed7f85d43aa92e39a5a1f |
| Files read | [Browse the files at this exact commit](https://github.com/danielmiessler/LifeOS/blob/ce046f26495c73f007790971869c94d58e0f6a20/LifeOS/install/skills/Webdesign/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Webdesign](/security/webdesign)

## About Webdesign

Web and UI design work that ends in code. Describe the page or the interface and get a prototype, a landing page, a dashboard, or a redesign of something that already exists, written inline as the default way of working.

There are other routes when you want them. Native design and design-sync commands are the preferred path when the point is integrating with existing code or keeping a design system in step. A third, experimental path drives a visual review surface instead, as a fallback.

It also handles the less glamorous jobs: polishing a UI, auditing one, taking a design through to code, or working in a particular register such as brutalist, editorial, or retro. It is not the tool for illustrations, logos, or video.

## What's inside

- SKILL.md - instructions
- LICENSE.txt - reference
- README.md - reference
- References/ClaudeDesignCapabilities.md - reference
- References/ExportFormats.md - reference
- References/FrontendDesignPhilosophy.md - reference
- References/HandoffBundleSpec.md - reference
- References/InputFormats.md - reference
- Tools/DriveClaudeDesign.ts - script
- Tools/ProcessHandoffBundle.ts - script
- Tools/VerifyDesign.ts - script
- Workflows/CreatePrototype.md - reference
- Workflows/DeployDesign.md - reference
- Workflows/DirectDesign.md - reference
- Workflows/ExportToCode.md - reference
- Workflows/ExtractDesignSystem.md - reference
- Workflows/IntegrateIntoApp.md - reference
- Workflows/NativeDesignSync.md - reference
- Workflows/RefinePrototype.md - reference
- Workflows/WebsiteToRedesign.md - reference

## Questions

### Is Webdesign safe to install?

AIR scanned this exact version of Webdesign and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit ce046f26495c, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/webdesign.

### How do I install Webdesign?

Open https://airmarket.ai/app/webdesign on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/danielmiessler/LifeOS/tree/ce046f26495c73f007790971869c94d58e0f6a20/LifeOS/install/skills/Webdesign. Install from that link, not the branch.

## Related on Air Market

- [More Design listings](/category/design)
- [Everything by Daniel Miessler 🛡️](/@danielmiessler)

---

Canonical URL: <https://airmarket.ai/app/webdesign>