agentskill.sh
secured
web-component-design
Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.
Quality score
This tab explains the quality score through structured review blocks instead of collapsing everything into one number.
The install path, source visibility, and maintenance signals are strong enough to review quickly.
The skill provides a clear description of its purpose, includes specific 'Use when' scenarios, and uses a third-person voice, making it easy for agents to discover and select it at the right time.
Instructions are clear, actionable, and well-structured, providing concise workflows and domain-specific knowledge that enhances the agent's capabilities.
Scored by deterministic linter
The skill demonstrates deep expertise with specific patterns, real-world examples, and concrete code snippets, addressing potential gotchas and best practices in component design.
Structural Checks
Has Frontmatter
pass
Valid YAML frontmatter found
Has Name
pass
Frontmatter has name field
Has Description
pass
Frontmatter has description field
Content Length
pass
Content length: 7475 chars
Name Format
pass
Name format is valid
Description Length
pass
Description: 239 chars
Review checklist
Primary SKILL.md entrypoint is linked.
Install guidance is visible before download.
Repository context is attached to the listing.
Design Pattern
Design Pattern
tool-wrapper
Execution Contract
/learn @wshobson/web-component-design
Source Visibility
The catalog points directly to plugins/ui-design/skills/web-component-design/SKILL.md so reviewers can inspect the live skill entrypoint instead of a generic readme.
Reviewed on Mar 28, 2026 · How scoring works