← Back to Skills Marketplace
256
Downloads
1
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install variant-design-skill
Description
Generates 3 distinct, high-quality UI design variations from a prompt using a comprehensive design system with options to vary, remix, polish, critique, and...
Usage Guidance
This skill appears to be what it claims: a design-variation generator using included references. Two practical cautions before installing/using it:
1) Codebase scanning: the skill explicitly says it will scan your project for colors, fonts, components, and README/brand docs if you don't provide context. Only allow this when you want the agent to access those files (e.g., in a project workspace). If you have sensitive code or secrets in the repository, do not allow an untrusted agent to scan it.
2) Review outputs before committing: the skill writes/export outputs (HTML/React, tokens). Inspect generated files for accidental inclusion of any secret strings or file contents you did not expect. The skill does not request external endpoints or credentials, but generated files could contain inferred brand text or data from your project.
No install or credentials are required, so the main decision is whether you are comfortable granting the agent read-access to the project files it may scan to infer brand/context. If you want stricter limits, provide the design context manually rather than granting repo access.
Capability Analysis
Type: OpenClaw Skill
Name: variant-design-skill
Version: 0.1.0
The variant-design skill bundle is a comprehensive UI/UX design generation tool designed to help users create and iterate on interface designs. It provides detailed instructions for an AI agent to generate distinct design variations using the 'Impeccable' design system, supported by extensive reference libraries for various domains (e.g., SaaS, Fintech, Creative Tools). The logic is entirely focused on design principles, typography, and color theory (OKLCH); there is no evidence of malicious execution, data exfiltration, or harmful prompt injection. While the skill suggests scanning the codebase for design context (colors, fonts), it explicitly requires user confirmation before proceeding, aligning with its stated purpose of maintaining project consistency.
Capability Assessment
Purpose & Capability
Name/description (generate UI design variations) match the provided assets and runtime instructions: design references, palettes, and actions are all design-related. No unrelated binaries, env vars, or external services are requested.
Instruction Scope
SKILL.md instructs the agent to gather project context and, if the user can't answer, to infer from the user's codebase (scan for color variables, font imports, component patterns, README/brand docs). Scanning a codebase is coherent with generating brand-consistent designs, but it means the agent will read project files — confirm consent and scope before allowing scans.
Install Mechanism
No install spec and no code files executed at runtime (instruction-only). This minimizes disk writes and arbitrary-code install risk.
Credentials
The skill requires no environment variables, credentials, or config paths. All declared needs (design references, palettes) are local files included in the skill bundle — proportional to the stated function.
Persistence & Privilege
Flags show always:false and no special persistence. The skill will not be force-enabled and does not request system-wide configuration or other skills' credentials.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install variant-design-skill - After installation, invoke the skill by name or use
/variant-design-skill - Provide required inputs per the skill's parameter spec and get structured output
Version History
v0.1.0
- Initial release introducing AI-driven visual/UI design generation based on the Impeccable design system.
- Generates 3 distinct design variations for each prompt, each referencing robust design system materials covering typography, color, layout, motion, interaction, and more.
- Supports a wide range of variation actions including strong/subtle changes, distillation, style shifts, color remixes, layout shuffling, polishing, critique, token extraction, and alternate views.
- Includes project context initialization to ground designs in user-specific needs and inferred codebase patterns.
- Scenario and design challenge detection automatically loads tailored domain and design system references for each UI prompt.
- Built-in anti-AI-slop quality gate ensures all generated interfaces meet a high standard and avoid common generative UI pitfalls.
Metadata
Frequently Asked Questions
What is Variant Design Skill?
Generates 3 distinct, high-quality UI design variations from a prompt using a comprehensive design system with options to vary, remix, polish, critique, and... It is an AI Agent Skill for Claude Code / OpenClaw, with 256 downloads so far.
How do I install Variant Design Skill?
Run "/install variant-design-skill" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Variant Design Skill free?
Yes, Variant Design Skill is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Variant Design Skill support?
Variant Design Skill is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Variant Design Skill?
It is built and maintained by Nicole (@yuqingnicole); the current version is v0.1.0.
More Skills