web-component-design
Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture.
Skill by diwad-code
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/diwad-code-web-component-design
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/web-component-design
What's inside
- Skill name
web-component-design- Description
- 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.
- License
- unknown
- Instructions
- 13 lines in SKILL.md · view on GitHub
Agent Skills spec issues
- name: "web-component-design" does not match folder "SKILL"
Files (2)
- .skillfish.json
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from diwad-code/getting_strange
- 0.524score
2d-essentials
diwad-code
Use when working with 2D-specific systems — TileMaps, parallax scrolling, 2D lights and shadows, canvas layers, particles 2D, custom drawing, and 2D meshes in…
SkillBFreshness: BClaude Code +9 - 0.519score
add-assets
diwad-code
Replace geometric shapes with pixel art sprites — recognizable characters, enemies, and items with optional animation.
SkillBFreshness: BClaude Code +9 - 0.519score
add-feature
diwad-code
Add a new gameplay feature to an existing browser game following its architecture patterns.
SkillBFreshness: BClaude Code +9 - 0.519score
add-multiplayer
diwad-code
Add real-time or turn-based multiplayer to an existing browser game using PartyKit (Cloudflare Durable Objects).
SkillBFreshness: BClaude Code +9 - 0.519score
add-audio
diwad-code
Add music and sound effects to a game using the Web Audio API — background music, gameplay themes, and SFX.
SkillBFreshness: BClaude Code +9 - 0.519score
add-3d-assets
diwad-code
Replace primitive 3D shapes with real GLB models — animated characters, world props, buildings, and scenery for Three.js games.
SkillBFreshness: BClaude Code +9 - 0.513score
agent-code-goal-planner
diwad-code
Agent skill for code-goal-planner - invoke with $agent-code-goal-planner
SkillBFreshness: BClaude Code +9 - 0.513score
agent-analyze-code-quality
diwad-code
Agent skill for analyze-code-quality - invoke with $agent-analyze-code-quality
SkillBFreshness: BClaude Code +9 - 0.513score
agent-arch-system-design
diwad-code
Agent skill for arch-system-design - invoke with $agent-arch-system-design
SkillBFreshness: BClaude Code +9 - 0.513score
agent-architecture
diwad-code
Agent skill for architecture - invoke with $agent-architecture
SkillBFreshness: BClaude Code +9 - 0.510score
acsets-relational-thinking
diwad-code
database, category-theory, rewriting
SkillBFreshness: BClaude Code +9 - 0.510score
agent-app-store
diwad-code
Agent skill for app-store - invoke with $agent-app-store
SkillBFreshness: BClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Sep 22, 2026 (1 month ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/diwad-code/getting_strange
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
More from diwad-code
- 0.524score
2d-essentials
diwad-code
Use when working with 2D-specific systems — TileMaps, parallax scrolling, 2D lights and shadows, canvas layers, particles 2D, custom drawing, and 2D meshes in…
SkillBFreshness: BClaude Code +9 - 0.519score
add-3d-assets
diwad-code
Replace primitive 3D shapes with real GLB models — animated characters, world props, buildings, and scenery for Three.js games.
SkillBFreshness: BClaude Code +9 - 0.519score
add-assets
diwad-code
Replace geometric shapes with pixel art sprites — recognizable characters, enemies, and items with optional animation.
SkillBFreshness: BClaude Code +9 - 0.519score
add-multiplayer
diwad-code
Add real-time or turn-based multiplayer to an existing browser game using PartyKit (Cloudflare Durable Objects).
SkillBFreshness: BClaude Code +9 - 0.519score
add-feature
diwad-code
Add a new gameplay feature to an existing browser game following its architecture patterns.
SkillBFreshness: BClaude Code +9 - 0.519score
add-audio
diwad-code
Add music and sound effects to a game using the Web Audio API — background music, gameplay themes, and SFX.
SkillBFreshness: BClaude Code +9
Cite this page
web-component-design skill. Agent Mart. https://agentmart.dev/skills/diwad-code-web-component-design (last updated 2026-10-24)