$ loading_
提供前端设计全流程工具,支持组件生成、无障碍检查与设计导出。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"SIN-Code-Frontend-Design-Skill" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
加载我们的设计系统,并为电商网站生成一个商品卡片组件,包含图片、标题、价格、评分和购买按钮,输出可复用的前端组件代码。
基于设计系统规范生成的组件代码,结构清晰、样式一致,可直接用于前端开发。
检查这个注册页面的设计一致性,并按 WCAG 2.2 AA 标准评估颜色对比度、表单标签、键盘可访问性和错误提示。
一份问题清单和改进建议,指出不一致项与无障碍风险,并给出修复方向。
根据已加载的设计系统搭建一个响应式营销落地页,包含头图、功能介绍、客户评价和页脚,并导出到 Figma。
生成适配多端的页面结构与样式,并提供可在 Figma 中继续编辑的设计输出。
将 Figma 设计令牌与组件同步到设计系统代码库并自动生成前端产物。