CSSPicker 记录了 19,800 月访问量，月度环比增长为 -46.6%，定价为免费增值。Skillry 记录了 535,817 月访问量，增长率为 +1,762.1%，定价为免费增值。
CSSPicker is a browser-extension plus web-app toolkit that lets developers extract the HTML and CSS of any element on a live site, convert screenshots or UI mockups into React, HTML, or Tailwind code, and iterate on that code with an AI chat assistant.
让你的编程代理真正拥有设计品味的 Agent Skills
| 维度 / 指标 | | |
|---|---|---|
| 官方域名 | csspicker.dev | skillry.dev |
| 定价模式 | 免费增值 | 免费增值 |
| 月访问量 | 1.98万 (19,800) | 53.58万 (535,817) |
| 月度环比流量变化 | -1.73万 (-46.6%) | +50.7万 (+1,762.1%) |
| 主要市场与份额 | 🇮🇳 印度 (13.3%) | 🇺🇸 美国 (17%) |
| 直接访问 / 月 | 7966 | 24.29万 |
| 用户评分 | 4.1 | 4.5 |
| 支持的平台 | 网站 | 网站 |
CSSPicker is a browser-extension plus web-app toolkit that lets developers extract the HTML and CSS of any element on a live site, convert screenshots or UI mockups into React, HTML, or Tailwind code, and iterate on that code with an AI chat assistant.
A browser extension extracts clean HTML and CSS from any element on a live page and converts it into Tailwind, React, or your chosen framework.
Upload a UI design or screenshot and get responsive, structured front-end code back in seconds.
Generate production-ready React components or complete HTML pages and email templates from text prompts, with Tailwind, Bootstrap, or vanilla CSS support.
Refine generated components conversationally and preview edits in real time inside an interactive code editor.
让你的编程代理真正拥有设计品味的 Agent Skills
每个 Skill 都由 Skillry 团队设计、撰写和测试，模板与脚本基于一件完成作品打造。
Skill 覆盖网页、幻灯片、图片、视频和报告，让代理产出多种素材。
可在 Claude Code、Codex、Cursor、GitHub Copilot、Gemini CLI 等代理中安装并运行 Skill。
每个 Skill 页面展示它真实生成的结果，让你在添加前就能判断视觉风格。
专项更强Supplies landing page design inspiration and prompts, focusing more on visual website layouts than code-ready agent skills.
专项更强Supplies landing page design inspiration and prompts, focusing more on visual website layouts than code-ready agent skills.
专项更强直接作为设计技能包安装以强制执行 UI 规则，而 Skillry 则作为一个更广泛的发现库。
让团队与 AI 智能体一起交付符合品牌的产品体验
让团队与 AI 智能体一起交付符合品牌的产品体验
免费 / 开源拥有更广泛的开源代理 SKILL.md 文件社区目录，但对设计系统模板的专注度稍低。
免费 / 开源拥有更广泛的开源代理 SKILL.md 文件社区目录，但对设计系统模板的专注度稍低。
Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.
Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.
专项更强把截图、PDF 和幻灯片还原成可编辑设计与代码
专项更强精选设计工程资源、工具与灵感目录
兼具 AI 辅助与免费代码导出的低代码网站生成器
专项更强可托管、可同步、可导出的智能体 AI 建站工具
涵盖了更广泛的 Cursor 插件和 MCP 服务器，但缺乏 Skillry 对智能体技能文件的专注。
