LogoClawIndex
案例技能关于
LogoClawIndex

experience-lwc-design-generate - 从设计创建 LWC 组件

根据 Figma 设计、PRD、Aura 源码或文字规格,通过需求整理、编码、优化、验证和测试阶段创建新的 Lightning Web Component。

标签

更新于: 2026-09-30

能力

典型输入

典型输出

该技能可以做什么

  • 收集并整合需求
  • 生成 LWC 组件包
  • 应用优化修复
  • 运行代码检查和格式化
  • 编译检查组件代码
  • 创建 Jest 可访问性测试
  • 验证可访问性、安全性和 RTL

输入

  • Figma URL
  • Figma 画面截图
  • Figma 元数据导出
  • PRD Markdown
  • Aura 组件源代码
  • 文字组件规格
  • 目标模块路径
  • Salesforce 组织访问权限

输出

  • 整合后的 PRD 文件
  • LWC 组件包
  • 经过验证的组件代码
  • Jest 测试套件
  • 更新后的工作区文件

要求

  • ESLint 8 或更高版本
  • Prettier 2 或更高版本
  • Python 3.8 或更高版本
  • 数据驱动组件所需的 Salesforce 组织访问权限

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Lightning Web Components
Salesforce
设计转代码
Figma
PRD
组件生成
测试
收集并整合需求
生成 LWC 组件包
应用优化修复
运行代码检查和格式化
Figma URL
Figma 画面截图
Figma 元数据导出
整合后的 PRD 文件
LWC 组件包
经过验证的组件代码