← Back to Skills Marketplace
661
Downloads
0
Stars
2
Active Installs
2
Versions
Install in OpenClaw
/install 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 impleme...
Usage Guidance
This skill looks coherent and low-risk: it uses local CSV/JSON datasets to pick styles and generate starter HTML/CSS files and does not request credentials or perform installs. Before enabling it broadly, do these simple checks: 1) Confirm scripts/search.ps1 is present and review its contents (it is referenced but not included in the manifest); any PowerShell script run with ExecutionPolicy Bypass should be inspected in a safe environment. 2) Run the skill in a sandbox or test workspace so generated files cannot overwrite important data. 3) Review generated HTML/CSS for unintended external network calls or third-party telemetry (the typography data contains Google Fonts links which will load resources from fonts.googleapis.com). 4) If you need the skill to run autonomously, restrict its working directory and filesystem permissions to limit accidental access to other files. If you want additional assurance, provide the missing script (if intended) and I can re-evaluate its contents.
Capability Analysis
Type: OpenClaw Skill
Name: ui-design-optimizer
Version: 1.1.0
The skill bundle utilizes high-risk capabilities, specifically instructing the AI agent to execute a PowerShell script (scripts/search.ps1) with 'ExecutionPolicy Bypass' and to perform direct file system operations (creating and verifying index.html and styles.css). While these behaviors are aligned with the stated purpose of generating UI design systems, the use of shell execution and the absence of the actual script content for 'search.ps1' represent a significant attack surface. No clear evidence of intentional malice, such as data exfiltration or backdoors, was found in the provided files.
Capability Assessment
Purpose & Capability
Name/description match the included assets: local CSV/JSON datasets (styles, colors, typography, patterns, rules) and the skill's declared capabilities. No unrelated environment variables, binaries, or cloud credentials are requested, which is proportionate for a design-system generator.
Instruction Scope
SKILL.md instructs the agent to read local data files, pick styles/palettes/typography, generate compact specs and runnable files (index.html + styles.css), and verify files on disk — all consistent with the stated purpose. One inconsistency: SKILL.md and package.json reference scripts/search.ps1, but that script file is not present in the provided file manifest. If the script were present it should be inspected before execution (it would run PowerShell with ExecutionPolicy Bypass). The instructions may cause the agent to write files to disk and reference external Google Fonts URLs from the typography data (expected).
Install Mechanism
No install spec included (instruction-only skill). That represents a low-risk footprint — nothing is downloaded or written by an installer as part of installation.
Credentials
The skill does not request environment variables, credentials, or config paths. The datasets include external Google Fonts URLs which are expected for typography use; no secret/credential access is requested or required.
Persistence & Privilege
always is false and there are no special persistence or elevated privileges requested. The skill will ask the agent to create and verify generated files locally, which is normal for an implementation-focused design generator.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install ui-design-optimizer - After installation, invoke the skill by name or use
/ui-design-optimizer - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.1.0
UI Design Optimizer 1.1.0
- Major refocus: Now generates full, buildable UI design systems and starter files (not just design advice).
- Streamlined workflow—selects concrete style, color, and typography from local datasets with rationale.
- Outputs clear design spec (layout, color, type, interactions) and, on request, creates runnable HTML/CSS files.
- Emphasizes accessibility (WCAG AA), consistency, and practical, non-placeholder responses.
- Adds verification steps: confirms output files exist, are correct, and design tokens are applied.
- Documentation updated and simplified for clarity and new workflow.
v1.0.0
Initial release of UI Design Optimizer Skill:
- Provides automated UI/UX design intelligence for multiple platforms and frameworks, based on UI-UX Pro Max.
- Includes 100+ industry design rules, 67 UI styles, 96 color schemes, 57 font pairings, 25 chart types, and 13 tech stacks.
- Generates complete design systems (patterns, colors, fonts, effects, anti-patterns, checklists) for projects in SaaS, e-commerce, healthcare, finance, and more.
- Supports web, mobile, and cross-platform frameworks: React, Vue, Svelte, Astro, SwiftUI, Flutter, etc.
- Ready-to-use prompts and consistent output format for seamless integration into design workflows.
Metadata
Frequently Asked Questions
What is Ui Design Optimizer?
Generate practical UI design systems and starter pages using local style/color/typography datasets. Use for landing page or dashboard UI planning and impleme... It is an AI Agent Skill for Claude Code / OpenClaw, with 661 downloads so far.
How do I install Ui Design Optimizer?
Run "/install ui-design-optimizer" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Ui Design Optimizer free?
Yes, Ui Design Optimizer is completely free (open-source). You can download, install and use it at no cost.
Which platforms does Ui Design Optimizer support?
Ui Design Optimizer is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Ui Design Optimizer?
It is built and maintained by Dalomeve (@dalomeve); the current version is v1.1.0.
More Skills