Community showcase entry
Project profile
web-design-reverse
A skill for extracting website design information into documentation, aimed at frontend developers, UI designers, product managers, and others analyzing an existing page.
After importing the skill, a user supplies a target URL. A browser reads computed styles and page structure to produce DESIGN.md with layout, components, colors, typography, and clues about the technology stack.
The proposed benefit is less manual style inspection and note-taking. Extraction accuracy and completion time were not measured, and the skill was not independently run.
Creator or team (original public names)
汤圆
Links & sources
Links may have changed since we checked them. Descriptions from creators have not been independently tested.
Details in the original language
Original title
web-design-reverse
Original creator credit
汤圆
作品是什么
网页设计信息提取与文档生成 Skill。
给谁用
前端开发者、UI 设计师、产品经理及需要分析网页设计的人。
问题或体验
手动在开发者工具中查样式、记参数与整理文档费时，信息容易遗漏。
如何使用
导入 Skill 后给出目标 URL，调用浏览器读取计算样式与页面结构。
得到什么
包含布局、组件、色彩、字体和技术栈线索的 DESIGN.md；耗时与准确率未实测。
Events & award announcements
Proposed award (not final)
Read proposed award announcementOriginal award name
先锋技能奖（拟）
Sources last checked: 2026-10-09