Home / Skills / sdlc-ui-visual
sdlc-ui-visual
TsCarpe/claude-sdlc-skillsSkill
设计稿到代码的视觉还原闭环：以 Figma 链接或基准图为唯一视觉基准，对运行中的前端页面做真实浏览器截图比对（DOM 几何逐项对照 + 像素叠加/差异/热区 + 小元素放大判读），按 P0>P1>P2 分级驱动修复轮，功能回归后按六要素汇报。Design-to-code visual restoration loop: takes a Figma link or baseline image as the single reference, diffs the running page via real browser screenshots (DOM geometry checklist + pixel overlay/diff/heatmap + small-element zoomed inspection), drives tiered fix rounds, verifies functional regression, then reports. Use when 用户提供 Figma 设计稿或基准图要求视觉还原、UI 还原、设计稿还原、照着 Figma 改样式、像素级比对、视觉走查、视觉偏差修复，或说 ui check、ui-align。输入是设计稿基准且允许改样式代码——纯功能验证走 sdlc-test。用法：/sdlc-ui-visual Figma链接或基准图
Why this score
This repo hosts 9 skills, so its 64 stars are split between them (about 7 each) for scoring.
Popularity score: 56/100 from public GitHub signals only. It shows how widely used and maintained this is, not how well it works. Not included yet: the fake-star check. The security scan is shown separately and doesn't change the score. How we rank
Security
Scanned Oct 20, 2026 at commit 11955e15ac0c, with Cisco's open-source skill-scanner.
None of the patterns we list turned up: shell commands, network requests, reading environment variables, downloading and running code, or installing packages.
A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan
Prompts that use Figma
Alternatives
Other makers' add-ons that do the same job, next to this one.
| Name | Score | Stars | Context | Updated |
|---|---|---|---|---|
| This onesdlc-ui-visual TsCarpe/claude-sdlc-skills · Skill | 56 | ★ 64 | ≈154 always | 17d ago |
| ui-visual-validator wshobson/agents · Subagent Same job: ui design | 80 | ★ 41k | ≈85 in chat | 16d ago |
| material-design-3-ui skydashnet/material-design-3-ui-skill · Skill Same job: ui design, also for Figma | 65 | ★ 151 | ≈98 always | 1mo ago |
| sdlc artemnovichkov/skills · Skill Both about sdlc and diff | 57 | ★ 40 | ≈102 always | 18d ago |
| documd-visuals markdown-viewer/skills · Skill Both about visual | 81 | ★ 3.4k | ≈28 always | 1mo ago |
| visual-plan BuilderIO/agent-native · Skill Both about visual | 78 | ★ 7.4k | ≈22 always | 16d ago |