Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Security Analysis
high confidenceThe skill is an instruction-only frontend design helper whose requirements and runtime instructions match its stated purpose and do not request extra credentials, installs, or system access.
Name, description, and SKILL.md all align: the skill guides design decisions and generation of frontend code. It does not request unrelated binaries, credentials, or config paths.
The instructions stay within design and code-generation scope (typography, motion, layout, CSS/JS, framework choices). As an instruction-only skill there is no step that reads local files, environment variables, or exfiltrates data. Note: the guidance encourages using distinctive fonts and external libraries (e.g., Motion library); generated code may therefore reference external CDNs or npm packages — review those references before deployment.
No install spec or bundled code is present (instruction-only), so nothing will be downloaded or written to disk by the skill itself.
The skill requires no environment variables, credentials, or config paths. Requested capabilities are proportionate to a code/design generation helper.
always is false and the skill does not request persistent or elevated platform privileges. Autonomous invocation is allowed (platform default) but not combined with other risky requests.
Guidance
This skill is coherent and instruction-only, but review any generated code before using it in production. Pay attention to external references the generator may add (web fonts, CDN scripts, npm packages) for licensing, privacy, and supply-chain risk. Also validate accessibility, input sanitation, and performance of produced components, and audit any third-party libraries the skill suggests or imports.
Latest Release
v1.0.0
More by @steipete
Published by @steipete on ClawHub