Frontend Design
v1.0.0Generates production-ready UI components from natural language. Use when the user asks to design a component, create a button, build a form, prototype a layo...
⭐ 0· 65·0 current·0 all-time
byTony Simons@asimons81
MIT-0
Download zip
LicenseMIT-0 · Free to use, modify, and redistribute. No attribution required.
Security Scan
OpenClaw
Benign
high confidencePurpose & Capability
Name/description ask for React/Tailwind UI component generation and the SKILL.md only requests producing TypeScript React components with Tailwind. Declared runtime dependencies (Node.js/React/Tailwind) match the stated purpose.
Instruction Scope
Most instructions stay on-scope (ask clarifying questions, generate accessible React+Tailwind code, include usage examples). One instruction — "Verify the component compiles without errors before presenting" — is vague: it implies running a build or tests or accessing the user's project, but the skill provides no commands or permissions for doing that. This could cause an agent to attempt filesystem access or execute local build commands if left unconstrained.
Install Mechanism
Instruction-only skill with no install spec and no packages downloaded. Lowest-risk install profile.
Credentials
No environment variables, credentials, or config paths are requested. The only external requirement is having Node/React/Tailwind in the user's project, which is appropriate for the task.
Persistence & Privilege
Skill is not forced always-on and does not request persistent or elevated privileges. Autonomous invocation is allowed (default) but is not combined with other concerning factors.
Assessment
This skill appears to do what it says — generate production-ready React + Tailwind components. Before installing or invoking it: 1) Be aware that the SKILL.md asks the agent to "verify the component compiles" but gives no safe method for doing so; explicitly restrict the agent from running build commands or accessing your filesystem unless you intend that. 2) Ensure your project actually has Node/React/Tailwind installed before expecting a drop-in component. 3) Review generated code before using it in production (security, props validation, and dependency choices). If you want the agent to also run builds or tests, require explicit, manual approval and a clear command list so you control what executes on your machine.Like a lobster shell, security has layers — review code before you run it.
latestvk97f65925j6fxjfxykw31edekh84mhts
License
MIT-0
Free to use, modify, and redistribute. No attribution required.