← Back to Skills Marketplace
168
Downloads
0
Stars
1
Active Installs
1
Versions
Install in OpenClaw
/install xiaopi-superdesign
Description
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Usage Guidance
This skill is an on-topic frontend design guide and appears safe to use. Things to consider before installing/using: 1) The included examples point to third‑party CDNs (unpkg/jsDelivr/Tailwind CDN) — these load remote JS/CSS which can execute third‑party code; acceptable for quick prototypes but audit and pin versions before using in production. 2) There are minor metadata mismatches (slug/ownerId) in _meta.json — likely packaging noise but you may want to verify the publisher if provenance matters. 3) Follow best practices for fonts/images (license checks for Google Fonts/Unsplash) and verify browser support for oklch() if targeting older browsers. Otherwise, the skill does not request sensitive access and is coherent with its stated purpose.
Capability Analysis
Type: OpenClaw Skill
Name: xiaopi-superdesign
Version: 1.0.0
The skill bundle provides legitimate frontend design guidelines, including CSS theme patterns, layout structures, and references to standard libraries like Tailwind CSS, Flowbite, and Lucide. No malicious code, data exfiltration, or prompt injection attempts were found in SKILL.md or _meta.json.
Capability Assessment
Purpose & Capability
Name and description (frontend design guidance) align with the content: layout, theme, animation, and implementation rules. The skill does not request unrelated resources (no env vars, binaries, or installs). Minor metadata inconsistencies exist between registry metadata (slug/owner) and _meta.json (different slug/ownerId), which looks like a copy/paste or packaging oversight but does not change the skill's behavior.
Instruction Scope
SKILL.md stays on-topic (design patterns, CSS snippets, animation syntax, accessibility). It recommends loading third‑party CDN resources (Tailwind via cdn.tailwindcss.com, Flowbite via jsDelivr, Lucide via unpkg) and using Unsplash/placehold.co for images — normal for front-end prototyping but these are external endpoints that will serve third‑party code/assets if a developer follows them. Advice: for production use, prefer vetted packages, lock versions, and review third‑party scripts before including.
Install Mechanism
No install spec and no code files — lowest-risk, no files are written to disk by the skill itself.
Credentials
The skill requests no environment variables, no credentials, and no config paths. There is no unexplained access to secrets or system config.
Persistence & Privilege
always is false and model invocation defaults are unchanged. The skill does not request persistent/system privileges or modify other skills; its runtime surface is instruction-only.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install xiaopi-superdesign - After installation, invoke the skill by name or use
/xiaopi-superdesign - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
Initial release of expert frontend design guidelines.
- Provides structured workflow for UI design: layout, theme, animation, implementation.
- Includes modern theming examples (dark mode, neo-brutalism, glassmorphism).
- Lists recommended Google Fonts for different use cases.
- Shares best practices for spacing, shadows, responsive design, and accessibility.
- Quick reference table for fonts, spacing, colors, border radius, and animations.
Metadata
Frequently Asked Questions
What is Xiaopi Superdesign?
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface. It is an AI Agent Skill for Claude Code / OpenClaw, with 168 downloads so far.
How do I install Xiaopi Superdesign?
Run "/install xiaopi-superdesign" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Xiaopi Superdesign free?
Yes, Xiaopi Superdesign is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Xiaopi Superdesign support?
Xiaopi Superdesign is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Xiaopi Superdesign?
It is built and maintained by Adin (@a-din); the current version is v1.0.0.
More Skills