跳到主要内容
SkillHub 技能集市
首页 / 设计创作 / web-component-design

网页组件设计

web-component-design
4万Stars
1.3万安装量
v1.0版本
近期更新

技能简介

帮助Agent遵循工程最佳实践设计与实现可复用的Web Components自定义元素与Shadow DOM封装

它能做什么

  • 设计自定义元素接口
  • 封装Shadow DOM样式隔离
  • 管理组件生命周期与Props

安装方式

上手路径帮你设计可复用的网页组件

  1. 01
    安装技能打开终端,执行文首安装命令
  2. 02
    描述需求在Agent中说明组件用途、属性和事件
  3. 03
    检查实现让Agent按最佳实践实现并检查Shadow DOM封装

提示:先做按钮等小组件,再逐步积累

$npx skills add wshobson/agents

支持平台:WorkBuddy / Claude Code / Codex CLI / Kimi CLI / Cursor / Trae / Goose / OpenClaw / OpenCode

简介由 AI 辅助翻译并经人工校验,如发现错误欢迎通过源仓库反馈。