web-component-design
Enables the creation of reusable UI components using React, Vue, and Svelte with modern design patterns and CSS-in-JS techniques.
Install this skill
or
90/100
Security score
The web-component-design skill was audited on Mar 1, 2026 and we found 6 security issues across 2 threat categories. Review the findings below before installing.
Categories Tested
Security Issues
medium line 246
Template literal with variable interpolation in command context
SourceSKILL.md
| 246 | `btn btn-${variant} btn-${size}` |
low line 275
External URL reference
SourceSKILL.md
| 275 | - [React Component Patterns](https://reactpatterns.com/) |
low line 276
External URL reference
SourceSKILL.md
| 276 | - [Vue Composition API Guide](https://vuejs.org/guide/reusability/composables.html) |
low line 277
External URL reference
SourceSKILL.md
| 277 | - [Svelte Component Documentation](https://svelte.dev/docs/svelte-components) |
low line 278
External URL reference
SourceSKILL.md
| 278 | - [Radix UI Primitives](https://www.radix-ui.com/primitives) |
low line 279
External URL reference
SourceSKILL.md
| 279 | - [shadcn/ui Components](https://ui.shadcn.com/) |
Scanned on Mar 1, 2026
View Security DashboardInstall this skill with one command
/learn @opendcai/web-component-designGitHub Stars 23
Rate this skill
Categorydevelopment
UpdatedMarch 29, 2026
github-copilotchatgptclaude-codecursoropencodewindsurfclineroo-codeamptraevibemanusantigravitygemini-clifrontenddesigncross-platformfrontend-developerux-designerproduct-designerdevelopmentdesign
OpenDCAI/leonai