Star200+

web to design md

审查 · 63
Agent 提交

Convert any official website to design.md document

Verified installs0
Stars236
版本1.0.0
质量72/100 · 强
信任63/100 · 仅限沙盒
审计78/100 · 需审查

供给资产档案

编程与开发 Agent

代码审查、仓库分析、测试、CI、GitHub、DevOps 与开发工作流 Skill。

浏览赛道

场景

GitHub automation

I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.

适配 Agent

Claude Code + Browser agents + CLI

适用于 Codex、Claude Code、Cursor、CLI 或自定义 Agent。

安装

就绪

npx skills add Paidax01/web-to-design-md

维护状态

新鲜

距上次推送 3 天

风险

需审查

许可证不清晰

GitHub 质量

236

72/100 质量 · 71/100 信任

覆盖标签

编程GitHub automation设计与创意design-system网页抓取

审查说明

许可证不清晰 · Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.

Agent 采用评分卡

一眼查看信任、审计与安装准备度

这些分数综合公开仓库元数据、OpenAgentSkill 审查信号、维护新鲜度与安装准备度。它用于候选筛选，不替代人工审查。

质量

强
72

可靠的选择，值得加入生产工作流候选列表。

信任

仅限沙盒
63

有用但信任信号不足或混杂的候选项。在结果闭环证明任务匹配前，请保持在隔离工作区内使用。

审计

需审查
78

对安装准备度、安全元数据、维护情况与采用风险的机器可读审查。

OpenAgentSkill 信任评分 v5

安装前需人工审查

仅在沙盒中运行，并在用于真实工作前比较接近的替代方案。

CodexClaude CodeCursorOpenAgentSkill CLI

Stars

236 个 GitHub Stars

仓库活跃度

236 个 Star，26 个 Fork

维护状态

距上次推送 3 天

许可证

未知

安装

npx skills add Paidax01/web-to-design-md

安装安全性

标准软件包或运行时安装路径

权限范围

filesystem or document access, network or browser access

Agent 结果

暂未有 Agent 结果数据

文档

Usable metadata, review docs

风险摘要

生产前审查

  • Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.
  • 许可证不清晰
  • Quality score needs review
  • Stars/forks activity: 236 stars, 26 forks; issue activity unavailable in current metadata

安装准备度

安装路径可用

  • 安装路径可用
  • 仓库证据可用
  • 许可证不清晰
  • 暂无 Agent 验证结果证据

Agent 可读元数据

这个 Skill 的机器可读决策数据。

使用此区块或内嵌 JSON 判断 Agent 是否应安装该 Skill、选择替代方案，或先请求人工审查。

打开 JSON

适用任务

  • GitHub automation 工作流
  • Claude Code 团队
  • builders willing to evaluate younger projects
  • Inspect repository metadata

适用 Agent

CodexClaude CodeCursorOpenAgentSkill CLIBrowser agentsCLI

安装决策

命令
npx skills add Paidax01/web-to-design-md
策略
审查
人工审查
是

信任与风险

信任
63/100
审计
78/100
风险级别
需审查

结果闭环

端点
/api/agent/outcome
事件 ID
resolve
结果
5

安装命令

npx skills add Paidax01/web-to-design-md
公开审计评估报告Resolve API安装交接

不适用场景

  • 需要厂商支持 SLA 的团队
  • production agents without a repository review
  • Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.
  • 许可证不清晰
  • Quality score needs review

替代 Skill

Frontend Design

170.9K Stars

npx skills add anthropics/skills --skill frontend-design

替代 Skill

Taste Skill: Anti-Slop Frontend

79.0K Stars

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

替代 Skill

Canvas Design

170.9K Stars

npx skills add anthropics/skills --skill canvas-design

替代 Skill

Anthropic Brand Guidelines

170.9K Stars

npx skills add anthropics/skills --skill brand-guidelines

Agent 安全 v2

58/100 · 安装前审查

已审查并附权限说明审查

可用候选，但 Agent 在安装前应展示权限与审计说明。

在真实工作区安装前需要人工批准。

通过 API 解析

中

Browser automation

Skill may drive a browser or interact with web pages.

中

网络访问

Skill 可能访问远程页面、API、仓库或外部服务。

中

文件系统访问

Skill 可能读取或写入项目文件、文档、生成产物或本地工作区状态。

  • 许可证不清晰

安装目标

在你的 Agent 工作流中安装此 Skill

通过公开安装端点获取命令、安全清单、目标提示词和该 Skill 的规范链接。

skill install

OpenAgentSkill CLI

Resolve policy, run the source installer safely, and report a verified install receipt.

$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install paidax01-web-to-design-md

Agent 解析计划

让 Agent 在安装前验证匹配度。

Resolve API 返回首选 Skill、替代方案、安全策略、审计说明、安装目标和可直接执行的提示词，无需抓取此页面。

打开文本计划

打开 JSON

/api/agent/resolve?task=Use%20web%20to%20design%20md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve 文本

/api/agent/resolve?task=Use%20web%20to%20design%20md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

安装交接

/api/skills/paidax01-web-to-design-md/install

Agent 应检查

  • 从 Resolve API 检查任务匹配与替代方案。
  • 检查审计评分、信任评分和安全策略警告。
  • 检查 Codex、Claude Code、Cursor 或 CLI 的安装目标兼容性。

复制提示词

Task: Use web to design md in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20web%20to%20design%20md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/paidax01-web-to-design-md/install
Install command: npx skills add Paidax01/web-to-design-md
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Agent 交接

把安装路径交给 Agent，而不是再给一个目录页。

通过公开安装端点获取命令、安全清单、目标提示词和该 Skill 的规范链接。

打开安装 API

安装交接

/api/skills/paidax01-web-to-design-md/install

LLM 文本格式

/api/skills/paidax01-web-to-design-md/install?format=text

寻找替代方案

/api/skills/search?q=web%20to%20design%20md&limit=3

Agent 提示词

Use web to design md for this task. Review https://www.openagentskill.com/api/skills/paidax01-web-to-design-md/install, then install with: npx skills add Paidax01/web-to-design-md

Registry 元数据

用于自动选择 Skill 的 Agent 可读档案。

本页通过 Registry API 提供相同的决策、信任、审计、场景和安装信号，让 Agent 无需抓取界面即可排序。

打开 Manifest

Manifest

/api/registry/manifest/paidax01-web-to-design-md

LLM 文本

/api/registry/manifest/paidax01-web-to-design-md?format=text

安装别名

/api/registry/install/paidax01-web-to-design-md

推荐

/api/registry/recommend?task=Use%20web%20to%20design%20md%20in%20an%20agent%20workflow&limit=3

适配 Agent

76/100

GitHub automation

使用场景标签

GitHub automation设计与创意网页抓取

平台

Claude Code, Browser agents

审计报告

需审查 · 78/100

对安装准备度、安全元数据、维护情况与采用风险的机器可读审查。

查看审计报告查看评估报告

Agent 决策面板

Companion skill for GitHub automation

将此 Skill 加入候选列表，并在生产使用前与相近替代方案比较。

76
就绪度
候选列表
阶段

栈中角色

辅助 Skill

主要匹配

GitHub automation

信任标签

强候选

安装路径

命令已就绪

适用场景

  • GitHub automation 工作流
  • Claude Code 团队
  • builders willing to evaluate younger projects

证据

  • 仓库近期活跃
  • 已提供安装命令或 GitHub 仓库
  • 72/100 质量档案
  • 33 个 OpenAgentSkill 交互事件

先审查

  • Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.

实施路径

  1. 1在沙盒 Agent 中安装它，并端到端完成一次GitHub automation任务。
  2. 2Compare output quality, latency, and failure behavior against at least one alternative.
  3. 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

信任档案

仅限沙盒

有用但信任信号不足或混杂的候选项。在结果闭环证明任务匹配前，请保持在隔离工作区内使用。

63
OpenAgentSkill 信任评分

GitHub 采用度

信息

236 个 GitHub Stars

Star/Fork 活跃度

检查

236 个 Star，26 个 Fork; 当前元数据中没有议题活跃度信息

近期维护

通过

距上次推送 3 天

许可证清晰度

检查

未知

积极信号

  • AI 审查已通过
  • 安装路径可用
  • 仓库证据可用
  • 近期维护的仓库
  • 安装命令未发现明显高风险模式
  • 结果闭环已就绪，但需要首次真实 Agent 运行

安装前审查

  • Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.
  • 许可证不清晰
  • Quality score needs review
  • Stars/forks activity: 236 stars, 26 forks; issue activity unavailable in current metadata
  • License clarity: Unknown
  • 暂未有真实 Agent 结果报告
  • 无人值守安装前需要人工审查

建议操作

仅在沙盒中运行，并在用于真实工作前比较接近的替代方案。

质量档案

强 适用于 Agent 工作流的候选

可靠的选择，值得加入生产工作流候选列表。

72
GitHub Stars
236
新鲜度
3 天前
安装就绪
是
许可证
未知
安装前审查: Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.

工作流匹配

在这些场景使用此 Skill

Manage repositories

GitHub automation

I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.

Create assets

Design and creative

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Collect structured data

Web scraping

I need my agent to scrape websites and extract structured data from pages.

工作流匹配

加入完整工作流

Scrape, clean, and reuse web data

Web data pipeline

A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.

Design, build, test, and ship interfaces

Frontend and UI

A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.

Inspect, patch, and verify code

Coding review agent

A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.

替代方案短名单

安装前对比

可能适合该任务的相近 Skill。

对比全部

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

采用
就绪100
质量100
Stars170.9K

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

采用
就绪100
质量100
Stars79.0K

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

采用
就绪100
质量100
Stars170.9K

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

采用
就绪100
质量100
Stars170.9K

概览

# web-to-design-md

Generate a reusable `design.md` / `DESIGN.md` from a live website, plus an HTML preview for reviewing the extracted design system.

This repository is packaged as an installable AI skill. Give the GitHub URL to a supported skill installer, or copy this folder into your local skills directory.

## What It Does

- Reads a live website with `agent-browser`. - Uses `agent-browser eval` to extract DOM structure, computed styles, CSS variables, stylesheet rules, visible text, and interaction states. - Produces a detailed Stitch-style `DESIGN.md`. - Produces a sibling HTML preview using the same design tokens documented in the markdown. - Captures light and dark theme modes when a site supports theme switching. - Avoids screenshot-first extraction. Screenshots are only a last-resort verification aid when explicitly requested or when DOM evidence is ambiguous.

## Install From GitHub

After publishing this repository, users can install it from the GitHub URL with a skill in

技术详情

版本
1.0.0
许可证
Unknown
最近更新
2026年8月18日
发布时间
2026年6月22日

决策摘要

辅助 Skill

76
就绪
候选列表
阶段

仓库近期活跃

审计

安装审查

安装与采用审查

78
需审查
安全性
73/100
维护状态
100/100
安装
92/100
打开完整审计查看评估报告

Agent 验证证据

Agent 验证证据

来自解析、审查、安装和一次小范围运行后的结果报告。

0
已验证
Needs first agent run自动安装: 先审查最近: 未知
成功率
—
近期失败
—
结果
0
输出质量
—
失败
0
不相关
0
安装次数
0
风险拦截
0
需要配置
0
生产环境
0

暂时没有 Agent 结果数据。首次 Agent 执行可以通过 /api/agent/outcome 报告成功、需要设置、风险拦截、失败或不相关。

Agent 已验证排行结果契约

安装

加入 Agent 工作流

免费且开源. 在生产 Agent 中安装前请先审查报告。

对比替代方案自动解析计划在 GitHub 查看文档

增长闭环

分享工具包

X

为 web to design md 准备的场景化草稿，可手动发布到 X。

策展说明
For design or creative work, this is a skill worth shortlisting before another blank prompt.

web to design md: Convert any official website to design.md document

236 stars

https://www.openagentskill.com/skills/paidax01-web-to-design-md?ref=x
打开 X 草稿
可选：带安装命令的回复
Listing + install path for web to design md:
https://www.openagentskill.com/skills/paidax01-web-to-design-md?ref=x

Install: npx skills add Paidax01/web-to-design-md
打开回复草稿

收录来源

Agent 提交

可认领

此列表来自公开来源，维护者认领获批前不会标记为官方。

创作者
Paidax01
收录方
OpenAgentSkill 社区索引

归属链接指向公开仓库或创作者主页。创作者可认领列表以更新所有权信号。

认领此 Skill

所有者认领

认领此 Skill 页面

这条 Agent 提交 列表归属于 Paidax01，但尚未标记为官方。认领后可增加已验证所有者信号，使后续发布、安装和审计更新更值得信赖。

创作者外链工具包

将证据徽章加入你的 README

在开发者评估仓库的位置展示规范页面、当前信任与审计信号，以及真实的 Agent 验证证据。

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/paidax01-web-to-design-md?metric=listed&label=Listed)](https://www.openagentskill.com/skills/paidax01-web-to-design-md)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/paidax01-web-to-design-md?metric=trust&label=Trust)](https://www.openagentskill.com/skills/paidax01-web-to-design-md)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/paidax01-web-to-design-md?metric=audit&label=Audit)](https://www.openagentskill.com/skills/paidax01-web-to-design-md/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/paidax01-web-to-design-md?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/paidax01-web-to-design-md)
预览徽章 打开审计 创作者工具包

作者

P

Paidax01

@paidax01

标签

design-systemweb-scrapingcssdesign-mdfrontend

平台适配

Claude CodeBrowser agents

健康信号

GitHub Stars
236
质量评分
46/100
最近 GitHub 推送
未知
框架提示
未知
OpenAgentSkill 浏览量
27
复制安装命令
0
跳转点击
0

社区信号

告诉我们这个 Skill 是否对你的 Agent 工作流有帮助。汇总反馈会持续改善排序。

信任与安全

仅限沙盒

63
  • GitHub 采用度236 个 GitHub Stars信息
  • Star/Fork 活跃度236 个 Star，26 个 Fork; 当前元数据中没有议题活跃度信息检查
  • 近期维护距上次推送 3 天通过
  • 许可证清晰度未知检查
  • README/SKILL.md 完整度公开元数据需要更完整的 README/SKILL.md 上下文信息
  • 依赖与运行时风险network or browser surface通过

相关 Skill

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

170.9K Stars

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

79.0K Stars

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

170.9K Stars

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

170.9K Stars
安装在 GitHub 查看