Design skill for OpenClaw

What this skill does

Executes and critiques visual design with quantified rules for hierarchy, spacing, type scale, color, and layout. Use when designing UI screens, landing pages, slides, posters, social graphics, emails, charts, or PDFs, when a design looks off, cluttered, amateur, or flat and the user cannot say why, when nothing stands out or text is hard to read, when choosing fonts, pairing typefaces, or building a palette without a design system, when adapting a screen to dark mode or mobile, or when reviewing generated HTML/CSS before delivery. Not for design tokens and component libraries (design-system) or brand strategy (branding).

The Design skill is part of the Developer Tools category — developer tools that help your agent write, review, debug, and ship code. You can install it on its own or alongside other developer tools skills from the OpenClaw catalog.

How to install the Design skill

The easiest path is via the OpenClaw Easy desktop app — one click, no terminal required:

1. Download OpenClaw Easy for macOS or Windows (free, one-click installer, ~30 seconds).
2. Open the in-app Skills panel.
3. Search for design and click Install.
4. The skill activates automatically when an incoming message matches its description.

Install from the command line

If you already run the OpenClaw CLI, add the Design skill with a single command:

openclaw skills add design

This pulls design from ClawHub and installs it into ~/.openclaw/skills/design/. Restart the OpenClaw gateway afterwards so the new skill is discovered.

How to use the Design skill

Once installed, the Design skill activates on its own: when an incoming message on WhatsApp, Telegram, Slack, Discord, Feishu or Line matches the skill's description, your OpenClaw agent loads it and runs the workflow. You can also trigger it explicitly by describing the task in chat. No extra configuration is required after install.

Manual install (advanced)

If you prefer manual installation:

1. Click the Download skill .zip button above to grab design-1.0.3.zip directly from our S3 mirror.
2. Unzip into ~/.openclaw/skills/design/ (create the directory if it does not exist).
3. Restart OpenClaw Easy (or the OpenClaw CLI gateway) so the new skill is discovered.

Frequently asked questions

How do I install Design?

Install Design in the OpenClaw Easy desktop app by opening the Skills panel, searching for design, and clicking Install. From a terminal you can run: openclaw skills add design. Either way the skill is placed in ~/.openclaw/skills/design/.

Is the Design skill free?

Yes. It is free to download and run through ClawHub, with no account or payment required. Each skill is published by its own author under its own licence — see its ClawHub page for the licence and source.

What does Design do?

Executes and critiques visual design with quantified rules for hierarchy, spacing, type scale, color, and layout.

Related: more developer tools skills

If the Design skill looks useful, you may also want to check out other developer tools skills in the OpenClaw catalog:

• CLI Anything ⬇ 6K
• Agent ⬇ 6K
• Website ⬇ 6K
• Generate Instagram marketing content from product URLs. Extract product information and create engaging Instagram posts with image suggestions, captions, and hashtags optimized for engagement. Use when user provides a product URL from e-commerce sites like Amazon, Shopify, Taobao, etc. and wants Instagram marketing content such as Image/text post ideas, engaging captions with CTAs, hashtag strategy, or Story/reels content suggestions. ⬇ 6K
• active-campaign ⬇ 6K

Skills in this catalog are community-contributed integrations published on ClawHub and distributed under their own open-source licences. Product and company names, and any third-party service a skill connects to, are trademarks of their respective owners; a listing here does not imply affiliation with, sponsorship by, or endorsement from them. This page does not distribute any third-party application. Rights holders can reach us at hello@openclaw-easy.com.

Browse the full OpenClaw skill catalog

This page covers just one skill. The OpenClaw skill hub has 10,000+ more — search, sort by downloads or stars, and install any of them in one click. There is also a curated awesome-openclaw-skills list grouped by use case.