Name: Designer
Author: ivangdavila

What breaks without openclaw designer skill

Vague UI feedback loops. CSS written by trial and error. No accessibility audit in the workflow.

→

Actionable UI feedback and CSS snippets on demand × 185-star design skill ÷ 5–10 minutes ÷ no designer required = design iteration that runs at developer speed.

openclaw designer skill — what it actually does

Reviews HTML files and returns actionable design improvement suggestions.

Generates CSS snippets for specific UI elements from natural language.

Produces style guide recommendations for rapid prototyping workflows.

Connects to Figma via FIGMA_API_KEY for richer visual context feedback.

Security check — openclaw designer skill

Privacy score: 7/10 — accesses connected platform APIs only. Lock it: review OAuth scopes before install, confirm macOS, Linux; OpenClaw ≥1.0 compatibility.

Quick start — openclaw designer skill in 5–10 minutes

Setup time: 5–10 minutes

You need:

OpenClaw core
optional: Figma API key

Install the package:

# Install via ClawhHub
clawhub install ivangdavila/designer

Install the skill

Run /design review <path/to/file.html> for UI feedback

Use /design css --element <description> to generate CSS

Connect Figma with FIGMA_API_KEY in .env for richer feedback

Troubleshooting openclaw designer skill

1. Without visual rendering, feedback is based on code analysis only

2. Accessibility auditing requires axe-core — install separately for full WCAG reporting

Compatibility & status

Works with: macOS, Linux; OpenClaw ≥1.0 beginner Last updated: Nov 2025 ★ 185 on GitHub MIT

Official docs →

View on GitHub →

Related — more like openclaw designer skill

More by ivangdavila

Wait for a designer slot and lose a sprint to feedback latency. Install the designer skill and get actionable UI feedback in seconds.

Get it on GitHub →