Agent Skills
› IgniteUI/igniteui-webcomponents
IgniteUI/igniteui-webcomponents
GitHub为现有 Lit Web Component 添加响应式属性，包括装饰器、类型定义、测试及文档生成。适用于需修改组件 API 以支持新状态或配置的场景。
Install All Skills
npx skills add IgniteUI/igniteui-webcomponents --all -g -y
Skills in Collection (10)
为现有 Lit Web Component 添加响应式属性，包括装饰器、类型定义、测试及文档生成。适用于需修改组件 API 以支持新状态或配置的场景。
需要为组件添加新的响应式属性
要求自动生成属性的元数据和文档
npx skills add IgniteUI/igniteui-webcomponents --skill add-component-property -g -y
用于根据项目规范创建新的 Lit Web 组件，包括目录结构、组件类、样式、测试和 Storybook 故事，确保符合编码指南。
创建新组件
添加新 UI 组件到库
npx skills add IgniteUI/igniteui-webcomponents --skill create-new-component -g -y
用于组件 Pull Request 的代码审查清单，涵盖结构、公共 API、无障碍性、行为、样式及测试等维度，确保代码质量与项目规范。
审查新增或修改的组件 PR
合并前的质量门禁检查
PR 提交前的自我审查
npx skills add IgniteUI/igniteui-webcomponents --skill review-component-pr -g -y
指导如何遵循 SCSS 到 Lit CSS 工作流更新组件样式，支持主题系统。适用于修改布局、颜色或适配不同主题（如 Indigo dark）等场景。
更新组件边框圆角
添加按钮悬停样式
修复特定主题的芯片颜色
npx skills add IgniteUI/igniteui-webcomponents --skill update-component-styles -g -y
指导AI和开发者根据UI需求选择最合适的Ignite UI Web Components，提供官方文档、示例及API链接，并自动处理MCP服务器配置。
需要为特定UI场景选择组件
查询可用组件列表或功能
获取组件的官方文档和示例链接
npx skills add IgniteUI/igniteui-webcomponents --skill igniteui-wc-choose-components -g -y
指导AI代理使用CSS变量或Sass为Ignite UI Web Components定制主题，支持MCP服务器辅助生成代码。涵盖调色板、排版及多设计系统配置。
需要自定义Ignite UI组件样式
配置Ignite UI主题色或设计系统
npx skills add IgniteUI/igniteui-webcomponents --skill igniteui-wc-customize-component-theme -g -y
辅助将 Ignite UI Web Components 集成到 React、Angular、Vue 或原生 JS 项目中，自动检测框架并加载对应配置与安装步骤。
询问如何在特定框架中集成 Ignite UI 组件
需要处理框架特定的组件导入和注册问题
npx skills add IgniteUI/igniteui-webcomponents --skill igniteui-wc-integrate-with-framework -g -y
指导用户通过按需导入Ignite UI Web Components和使用树摇优化应用包体积，避免全量引入，提升加载性能。
包体积过大
如何减小igniteui-webcomponents的大小
仅导入所需组件
对未用组件进行树摇
为生产环境优化导入
npx skills add IgniteUI/igniteui-webcomponents --skill igniteui-wc-optimize-bundle-size -g -y
根据设计图片生成 Ignite UI Web Components 视图。通过分析图像、映射组件、生成主题并实现布局，将视觉稿转化为可工作的前端代码。
用户提供设计图片或线框图并要求构建界面
用户指令包含“实现此设计”、“构建此UI”或“从图片创建页面”
npx skills add IgniteUI/igniteui-webcomponents --skill igniteui-wc-generate-from-image-design -g -y
