Star0

web to design md

STRONG · 72
Agent submitted

Convert any official website to design.md document

Downloads0
Stars236
Version1.0.0
Quality66/100 · Promising
Trust72/100 · Strong shortlist
Audit76/100 · Needs review

Supply asset profile

Coding and developer agents

Code review, repo analysis, testing, CI, GitHub, DevOps, and developer workflow skills.

Browse track

Scenario

GitHub automation

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

Agent fit

Claude Code + Browser agents + CLI

Codex, Claude Code, Cursor, CLI, or custom agents.

Install

Ready

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

Maintenance

fresh

Pushed today

Risk

Needs review

License is unclear

GitHub quality

236

66/100 quality · 72/100 trust

Coverage tags

CodingGitHub automationdesign-creativedesign-systemweb-scraping

Review notes

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

Agent adoption scorecard

Trust, audit, and install readiness at a glance

These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.

Quality

Promising
66

Useful candidate, but compare it with alternatives before adopting.

Trust

Strong shortlist
72

Good trust signals with a few areas worth checking before rollout.

Audit

Needs review
76

Install readiness, security metadata, maintenance, and adoption risk.

Trust Score v4

Human review before install

Test in a sandbox workflow and compare its install path with close alternatives.

CodexClaude CodeCursorOpenAgentSkill CLI

Stars

236 GitHub stars

Repo activity

236 stars, 26 forks

Maintenance

Pushed today

License

Unknown

Install

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

Install safety

standard package or runtime install path

Permission surface

filesystem or document access, network or browser access

Agent outcomes

No agent outcome data yet

Docs

Usable metadata, review docs

Risk summary

Review before production

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

Install readiness

Install path available

  • Install path is available
  • Repository evidence is available
  • License is unclear
  • Pushed today

Agent-readable metadata

Machine-readable decision data for this skill.

Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.

Open JSON

Suited tasks

  • GitHub automation workflows
  • Claude Code teams
  • builders willing to evaluate younger projects
  • Inspect repository metadata
  • Compare code changes

Suited agents

CodexClaude CodeCursorOpenAgentSkill CLIBrowser agentsCLI

Trust and risk

Trust score
72/100
Risk level
Needs review
Auto install
review

Install command

npx skills add Paidax01/web-to-design-md
Public auditEval reportResolve APIInstall handoff

Do not use when

  • teams that need a vendor-supported 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.
  • No OpenAgentSkill engagement data yet
  • License is unclear

Alternative

Material Ui

98.4K stars

npx skills add mui/material-ui

Alternative

Daisyui

41.1K stars

npx skills add saadeghi/daisyui

Alternative

Chakra Ui

40.4K stars

npx skills add chakra-ui/chakra-ui

Alternative

System Design Primer

353.4K stars

npx skills add donnemartin/system-design-primer

Agent safety v2

56/100 · Review before install

Experimentalreview

Sparse or mixed signals. Useful for discovery, but not for autonomous installation.

Test manually in an isolated workspace and compare against safer alternatives.

Resolve via API

medium

Browser automation

Skill may drive a browser or interact with web pages.

medium

Network access

Skill likely fetches remote pages, APIs, repositories, or external services.

medium

Filesystem access

Skill may read or write project files, documents, generated artifacts, or local workspace state.

  • License is unclear

Install targets

Install this skill in your agent workflow

Copy the registry command or an agent-specific install prompt for Codex, Claude Code, and Cursor.

skill install

OpenAgentSkill CLI

Use the registry command when your workflow supports the OpenAgentSkill installer.

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

Agent resolve plan

Let an agent verify fit before installing.

The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.

Open text plan

Resolve JSON

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

Resolve text

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

Install handoff

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

Agent should check

  • Task fit and alternatives from Resolve API.
  • Audit score, trust score, and safety policy warnings.
  • Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copy prompt

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 handoff

Give an agent the install path, not another directory page.

Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.

Open install API

Install handoff

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

LLM text format

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

Find alternatives

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

Agent prompt

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 metadata

Agent-readable profile for automatic skill selection.

This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.

Open manifest

Manifest

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

LLM text

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

Install alias

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

Recommend

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

Agent fit

65/100

GitHub automation

Use-case tags

GitHub automationDesign and creativeWeb scraping

Platforms

Claude Code, Browser agents

Audit report

Needs review · 76/100

Review install readiness, maintenance, trust, quality, and metadata warnings before adding this skill to an agent workflow.

View audit reportView eval report

Agent decision cockpit

Fallback candidate for GitHub automation

Prototype with this skill first; keep a fallback candidate ready.

65
Readiness
Prototype
Stage

Role in stack

Fallback candidate

Primary fit

GitHub automation

Trust label

Prototype first

Install path

Command ready

Use when

  • GitHub automation workflows
  • Claude Code teams
  • builders willing to evaluate younger projects

Evidence

  • recent repository activity
  • install command or GitHub repo available
  • 66/100 quality profile

Review first

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

Implementation path

  1. 1Install it in a sandbox agent and run one GitHub automation task end to end.
  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.

Trust profile

Strong shortlist

Good trust signals with a few areas worth checking before rollout.

72
Trust score

GitHub adoption

INFO

236 GitHub stars

Stars/forks activity

CHECK

236 stars, 26 forks; issue activity unavailable in current metadata

Recent maintenance

PASS

Pushed today

License clarity

CHECK

Unknown

Good signals

  • AI review approved
  • Install path is available
  • Repository evidence is available
  • Recently maintained repository
  • Install command has no obvious high-risk pattern

Review before install

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

Recommended action

Test in a sandbox workflow and compare its install path with close alternatives.

Quality profile

Promising candidate for agent workflows

Useful candidate, but compare it with alternatives before adopting.

66
GitHub stars
236
Freshness
Today
Install ready
Yes
License
Unknown
Check before install: Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.

Workflow fit

Use this skill in these scenarios

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.

Stack fit

Add it to a complete workflow

Scrape, clean, and reuse web data

Web data pipeline

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

Inspect, patch, and verify code

Coding review agent

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

Operate and verify web apps

Browser QA agent

A stack for agents that navigate products, fill forms, take screenshots, and verify real user flows across web applications.

Alternative shortlist

Compare before you install

Similar skills in this category, ranked with the same readiness and quality signals.

Compare all

Material Ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

Adopt
Ready100
Quality100
Stars98.4K

Daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

Adopt
Ready100
Quality100
Stars41.1K

Chakra Ui

Chakra UI is a component system for building SaaS products with speed ⚡️

Adopt
Ready100
Quality100
Stars40.4K

System Design Primer

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

Adopt
Ready100
Quality100
Stars353.4K

Overview

# 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

Technical Details

Version
1.0.0
License
Unknown
Last Updated
6/22/2026
Published
6/22/2026

Decision snapshot

Fallback candidate

65
Ready
Prototype
Stage

recent repository activity

Audit snapshot

Install review

Install and adoption review

76
Needs review
Security
73/100
Maintenance
100/100
Install
92/100
Open full auditOpen eval report

Agent outcome signals

Real use feedback

Reported by agents after resolve, review, and install.

—
Outcomes
0
Installs
0
Risk blocked
0
Setup needed
0

No agent outcome data yet

Install

Add to agent workflow

Free and open source. Review the audit before production use.

Compare AlternativesAuto-resolve PlanView on GitHubDocumentation

Growth loop

Share kit

X

Scenario-led draft for web to design md, ready for a manual X post.

OpenAgentSkill Update
OpenAgentSkill Update
Today: web to design md

Use it when you need an agent to browse, extract, or monitor web pages without building a scraper f...

236 stars - design-creative
Link: https://www.openagentskill.com/skills/paidax01-web-to-design-md?ref=x
#AIAgents #OpenAgentSkill
Open X draft
Optional reply with install command
Link 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
Open reply draft

Listing source

Agent submitted

Claimable

This listing was indexed from public sources and is not marked official until a maintainer claim is approved.

Creator
Paidax01
Indexed by
OpenAgentSkill community index

Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.

Claim this skill

Owner claim

Claim this skill listing

This agent submitted listing is attributed to Paidax01 but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.

README badge

Add this badge to your GitHub README to show the listing, trust score, and install handoff.

[![OpenAgentSkill](https://www.openagentskill.com/api/badge/paidax01-web-to-design-md)](https://www.openagentskill.com/skills/paidax01-web-to-design-md)
Preview badgeAudit badge

Author

P

Paidax01

@paidax01

Tags

design-systemweb-scrapingcssdesign-mdfrontend

Platform Fit

Claude CodeBrowser agents

Health Signals

GitHub stars
236
Quality score
0/100
Last GitHub push
Unknown
Framework hints
Unknown
OpenAgentSkill views
0
Install copies
0
Outbound clicks
0

Community Signal

Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.

Trust & Safety

Strong shortlist

72
  • GitHub adoption236 GitHub starsINFO
  • Stars/forks activity236 stars, 26 forks; issue activity unavailable in current metadataCHECK
  • Recent maintenancePushed todayPASS
  • License clarityUnknownCHECK
  • README/SKILL.md completenessPublic metadata needs stronger README/SKILL.md contextINFO
  • Dependency/runtime risknetwork or browser surfacePASS

Related Skills

Material Ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

98.4K stars · 0 installs

Daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

41.1K stars · 0 installs

Chakra Ui

Chakra UI is a component system for building SaaS products with speed ⚡️

40.4K stars · 0 installs

System Design Primer

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

353.4K stars · 0 installs