productivity-skill beginner active

Designer

UI-Feedback von Nicht-Designern ist vage und verschwendet Iterations-Zyklen. CSS-Anpassungen erfordern einen verfügbaren Designer. Der OpenClaw designer skill prüft HTML und generiert CSS aus einer Beschreibung.

openclaw design ui ux figma css style visual

Was fehlt ohne openclaw designer skill

Vage UI-Feedback-Schleifen. CSS durch Versuch und Irrtum geschrieben. Kein Barrierefreiheits-Audit im Workflow.

→
Umsetzbares UI-Feedback und CSS-Snippets auf Abruf × 185-Sterne-Design-Skill ÷ 5–10 Minuten ÷ kein Designer nötig = Design-Iteration im Entwicklertempo.

openclaw designer skill — was es wirklich kann

01
Prüft HTML-Dateien und gibt umsetzbare Design-Verbesserungsvorschläge zurück.
02
Generiert CSS-Snippets für spezifische UI-Elemente aus natürlicher Sprache.
03
Produziert Style-Guide-Empfehlungen für schnelle Prototyping-Workflows.
04
Verbindet sich mit Figma über FIGMA_API_KEY für reichhaltigeres visuelles Kontext-Feedback.

Sicherheitscheck — openclaw designer skill

Datenschutz-Score: 7/10 — greift nur auf verbundene Plattform-APIs zu. Absichern: OAuth-Berechtigungen vor der Installation prüfen, macOS, Linux; OpenClaw ≥1.0-Kompatibilität bestätigen.

Schnellstart — openclaw designer skill in 5–10 minutes

Einrichtungszeit: 5–10 minutes

!
Du brauchst:
  • OpenClaw core
  • optional: Figma API key

Paket installieren:

# Install via ClawhHub
clawhub install ivangdavila/designer
1
Install the skill
2
Run /design review <path/to/file.html> for UI feedback
3
Use /design css --element <description> to generate CSS
4
Connect Figma with FIGMA_API_KEY in .env for richer feedback

Fehlerbehebung openclaw designer skill

1
1. Without visual rendering, feedback is based on code analysis only
2
2. Accessibility auditing requires axe-core — install separately for full WCAG reporting

Kompatibilität & Status

Kompatibel mit: macOS, Linux; OpenClaw ≥1.0 beginner Zuletzt aktualisiert: Nov. 2025 ★ 185 auf GitHub MIT

Offizielle Dokumentation →

Auf GitHub ansehen →

Ähnliche Einträge — mehr wie openclaw designer skill

Ui Audit
Perform structured UI audits inside OpenClaw — identify consistency issues, spacing problems, and design regressions.
Ux Audit
Conduct heuristic UX audits inside OpenClaw based on Nielsen's 10 usability heuristics.
Human Optimized Frontend
Optimise frontend interfaces for human usability — readability, accessibility, and cognitive load reduction via OpenClaw.
Frontend Design
Generate high-quality frontend code and UI components from design prompts in OpenClaw.
Ui Ux Master
Activate a master-level UI/UX expert persona in OpenClaw for comprehensive design review across all dimensions.

Weitere Einträge von ivangdavila

Self Improving
Skills
Playwright
Skills
Data Analysis
Skills
Git
Skills

Auf einen Designer-Slot warten und einen Sprint an Feedback-Latenz verlieren. Installiere den designer skill und erhalte umsetzbares UI-Feedback in Sekunden.

Auf GitHub ansehen →