搜索技能/Web Components 原生

Web Components 原生

已认证开发工具

原生 Web Components，支持 Custom Elements、Shadow DOM、HTML 模板和 CSS Parts

$npx skills add wshobson/agents@web-components-native

在终端运行即可安装。兼容 Claude Code、Cursor、Windsurf 等支持 Claude Skills 规范的 AI Agent 平台。

▸需要先准备什么？
1) 装 Claude Code（claude.ai/code）。2) 装 ai-skill：`npx skills add 1-SKILL/ai-skill -g -y`。装完上面这条命令再来跑这个 skill 的安装命令。

SKILL.md 内容

技能正文未抓取，请前往 GitHub 查看完整文档。
在 GitHub 查看 →

技能说明

原生 Web Components，支持 Custom Elements、Shadow DOM、HTML 模板和 CSS Parts

web-componentscustom-elementsshadowWeb Components原生
查看源码 →
安全评分
90/100
A级11/12 项检测通过

通过率高，安装前看一眼源码即可

技能信息
来源github
作者wshobson
仓库wshobson/agents
Stars2,000
分类开发工具

在终端里直接搜技能

安装 ai-skill 后，在 Claude Code 里说需求就能自动匹配技能并一键安装，不用离开终端。

$npx skills add 1-SKILL/ai-skill -g -y

同类技能

前端美化官方精选
S级

前端界面美化助手，拒绝千篇一律的 AI 审美。颜色搭配、排版优化、响应式布局、动效建议、组件美化、暗色模式，输出生产级代码。

代码审查官方精选
S级

AI 代码质量守护者。结构化审查报告，覆盖安全漏洞、性能优化、最佳实践，支持10种编程语言。

React宝典官方精选
A级

React 19+ / Next.js 15+ 最佳实践指南，929行10个章节。覆盖性能优化、Server Components、Hooks、状态管理。

测试驱动官方精选
B级

测试驱动开发助手，红-绿-重构工作流，支持 Jest/Vitest/pytest 等主流测试框架。