UI Design Optimizer
name: ui-design-optimizer
by dalomeve · published 2026-03-22
$ claw add gh:dalomeve/dalomeve-ui-design-optimizer---
name: ui-design-optimizer
description: Generate practical UI design systems and starter pages using local style/color/typography datasets. Use for landing page or dashboard UI planning and implementation.
---
# UI Design Optimizer
Goal
Produce a concrete, buildable UI output instead of generic design advice.
Inputs
Data Sources
Required Workflow
1. Read relevant rows from style/color/typography data.
2. Choose one style, one palette, and one typography pair with rationale.
3. Output a compact design spec:
- layout pattern
- color tokens
- typography tokens
- interaction rules
4. If user asks for implementation, generate runnable files (at minimum `index.html` + `styles.css`).
5. Return evidence with file paths and the selected dataset rows/slugs.
Quality Rules
Verification
When files are generated, verify:
Script Helper
Use `scripts/search.ps1` when quick lookup is useful:
powershell -ExecutionPolicy Bypass -File scripts/search.ps1 -Query "saas dashboard" -DesignSystem -ProjectName "Demo"More tools from the same signal band
Order food/drinks (点餐) on an Android device paired as an OpenClaw node. Uses in-app menu and cart; add goods, view cart, submit order (demo, no real payment).
Sign plugins, rotate agent credentials without losing identity, and publicly attest to plugin behavior with verifiable claims and authenticated transfers.
The philosophical layer for AI agents. Maps behavior to Spinoza's 48 affects, calculates persistence scores, and generates geometric self-reports. Give your...