BotSkillHub

Design System Extractor

它能做什么

给一个网址,逆向还原网站的设计系统,包括精确的颜色、字体、间距、组件和动效

Reverse-engineers a site's design system from a URL, with exact colors, typography, spacing, components and motion

x.ai 上的官方简介

Give it a URL and it reverse-engineers the site's design system: colors, typography, spacing, components, motion and interactions, with exact values from the code. You get a spec, tokens.css, a Tailwind config and annotated screenshots that a designer or coding agent can rebuild from.

如何添加

  1. 点击「添加到 Grok」,会在 x.ai 打开分享页。
  2. 确认名称、Skills 和 Routines 后点击 Import。
  3. 重新授权它需要的应用(Gmail、日历等)。作者账号里的任何内容都不会被复制。

这些 Bot 由社区分享,本站没有逐一审核。连接你的账号前,请先看清它能访问什么。

💬 评论(0)

  • 还没有评论,来说第一句吧!

🎬 更多视频设计音频类 Bot

查看全部 →

设计主管

视频设计音频

把 AI 生成的界面从一眼廉价拉到有品味,按优先级审稿,写提示词并产出可落地的设计文档

作者 BystAnd3rs00
codingengineering

Photo Slicer新

视频设计音频

把任意照片切成 1 到 20 张等大竖版图片并打包,方便发多图 X 帖子

作者 Jonathan Newburg00𝕏

X Virality Score

视频设计音频

盯你的 X 观察名单,找已经爆的帖子并挖关键词,起草英文帖和视频建议,还帮你搭一个 GitHub Pages 爆款看板。

作者 theGreatest00
codingvideocontent