Output Format
<result>
<analysis>Brief analysis</analysis>
<solution>Implementation</solution>
<considerations>Trade-offs and notes</considerations>
</result>
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.
itsimonfredlingjack
Updated Web Component Design by itsimonfredlingjack · a6a7ad5
npx skillmds@latest add itsimonfredlingjack-codex-dev-plugin/web-component-design File contents
---name: web-component-designdescription: 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.---## Output Format```xml<result> <analysis>Brief analysis</analysis> <solution>Implementation</solution> <considerations>Trade-offs and notes</considerations></result>```
itsimonfredlingjack/codex-dev-plugin/tree/main/.agents/skills/SKILL commit a6a7ad583c
Frequently asked questions
Run npx skillmds@latest add itsimonfredlingjack-codex-dev-plugin/web-component-design in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
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. It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
itsimonfredlingjack (@itsimonfredlingjack-codex-dev-plugin) published this skill. Their other Agent Skills are listed on their SkillMD profile.