{"slug":"paidax01-website-to-design-md","name":"website-to-design-md","description":"Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks.","long_description":"---\nname: website-to-design-md\ndescription: Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks.\n---\n\n# Website to DESIGN.md\n\n## Overview\n\nUse this skill to turn a real website into a reusable `design.md` or `DESIGN.md` document plus a companion HTML preview.\n\nThe goal is not to clone the site. The goal is to inspect it deeply enough that another agent can recreate the same design language, content tone, and interaction feel without needing to see the original website.\n\nThe HTML preview is a practical review surface. It should translate the markdown into a glanceable design board so the user can inspect palette, typography, spacing, component cues, and the raw markdown source without reopening the site.\n\n## Universal Browser Rule\n\nThis skill should always use `agent-browser` first.\n\n- Use `agent-browser open`, `agent-browser wait`, and especially `agent-browser eval` as the primary extraction workflow.\n- Do not start by checking which app or platform the user is on.\n- Do not branch logic based on whether the user is using Codex, Trae, Claude, Cursor, or another host.\n- Do not start by checking whether the current project folder contains Playwright, Chrome CLI, or a local browser package.\n- If `agent-browser` is unavailable, help the user install it or expose it on `PATH`, then continue with the same workflow.\n- Do not silently switch to Playwright, Chrome CLI, or screenshot-led extraction unless the user explicitly asks for a separate fallback.\n\n## Working Style\n\nWork browser-first and evidence-first.\n\n- Prefer `agent-browser` over raw HTML fetches. A live website often hides important behavior behind hydration, scroll state, hover state, or responsive layout changes.\n- Treat `agent-browser eval` as the primary extraction layer. The main evidence should come from DOM structure, rendered HTML, computed styles, CSS variables, readable stylesheet rules, and interaction states gathered inside the browser runtime.\n- Do not use screenshots as a default evidence source. When `agent-browser eval` or an equivalent page-eval path is available, use DOM, computed styles, CSS variables, readable stylesheet rules, and extracted text as the primary evidence.\n- Only use screenshots as an optional last-resort cross-check when DOM evidence is insufficient or the user explicitly asks for a visual verification pass.\n- Do not silently fall back to Playwright or Chrome CLI. If `agent-browser` is unavailable, detect that explicitly and help the user install or expose it.\n- Treat static source files as supporting evidence, not the main truth source.\n- Translate technical details into design language. Do not dump CSS blindly; synthesize it into something an agent can actually use.\n- Distinguish observed facts from inference. If something is a judgment or a likely rule rather than a directly observed value, label it clearly.\n- Treat the HTML preview as part of the default deliverable, not as an optional extra, unless the user explicitly opts out.\n\n## Preflight\n\n1. Normalize the target into one or more URLs.\n2. Check whether `agent-browser` is already usable.\n3. If `agent-browser` is missing, use [scripts/check-browser-tooling.mjs](scripts/check-browser-tooling.mjs) and then help the user install or expose `agent-browser`.\n4. Do not inspect the current folder for Playwright, Chrome CLI, or local browser executables as the primary path.\n5. Do not silently fall back to Playwright or Chrome CLI unless the user explicitly asks for that fallback.\n6. Default the markdown output file to `DESIGN.md`.\n7. Default the companion preview file to the same basename plus `-preview.html`, for example `DESIGN-preview.html` or `design-preview.html`.\n8. If the user explicitly asks for `design.md`, a custom filename, or a custom folder, honor that exactly and keep the HTML preview beside it unless the user asks not to.\n9. If multiple URLs are provided, inspect each independently, then synthesize one shared design system only when the visual language is clearly consistent across pages.\n\n## Browser Tooling Bootstrap\n\nTreat browser tooling setup as part of the skill, not as a separate user chore.\n\n### Detection\n\nCheck in this order:\n\n- whether `agent-browser` is already callable\n- if not, whether it can be installed or exposed immediately\n\nThe bundled checker script reports:\n\n- whether `node` and `npm` are available\n- whether `agent-browser` is callable\n- which tool should be used next\n- whether installation is recommended\n\n### Installation Default\n\nIf `agent-browser` is unavailable, help the user install it or expose it on `PATH`, and verify it with `agent-browser --help` before using the skill.\n\n### Installation Behavior\n\n- Explain that installation is needed so the skill can consistently use `agent-browser`.\n- If the first install attempt fails because of network or sandbox restrictions, request the needed approval and retry.\n- If installation succeeds, continue directly into site analysis in the same turn.\n- If installation fails, tell the user clearly what is missing and stop rather than silently switching to a different extractor.\n- Do not silently downgrade to static HTML scraping just because tooling is absent.\n\n## Required Extraction Passes\n\nUse the checklist in [references/website-reading-checklist.md](references/website-reading-checklist.md) when you need a deeper reminder of what to inspect.\n\n### 1. Scope the Page\n\n- Identify the page purpose.\n- Identify whether the page is marketing, product, dashboard, docs, ecommerce, editorial, or mixed.\n- Identify the important visible sections from top to bottom.\n- Note any gated or inaccessible areas instead of inventing them.\n\n### 2. Capture the Baseline\n\n- Inspect the page at desktop first.\n- Also inspect tablet and mobile when the layout materially changes.\n- Scroll the full page slowly before writing anything so you do not miss delayed animation, sticky UI, or progressive disclosure.\n- Capture browser-side code evidence while the page is live: rendered HTML, key node `outerHTML`, root CSS variables, readable stylesheet rules, and computed styles for representative components.\n- Prefer direct `agent-browser eval` calls or an `agent-browser`-driven wrapper script rather than switching to another browser stack.\n- Use [scripts/extract-browser-evidence.mjs](scripts/extract-browser-evidence.mjs) only when the user explicitly wants a shell-generated JSON artifact while still staying on `agent-browser`.\n- Do not pause for screenshot capture during the default pass. Use page evaluation to extract the structure and styles directly from the running page.\n\n### 2.1 Preferred Eval Workflow\n\nWhen `agent-browser eval` or an equivalent browser-eval path is available, follow this order:\n\n1. open the page\n2. wait for load and hydration\n3. scroll the page to trigger lazy content and sticky-state changes\n4. extract rendered HTML for representative nodes\n5. extract computed styles for headings, buttons, cards, navigation, and section wrappers\n6. extract root CSS variables and readable stylesheet rules\n7. extract visible text snippets and CTA copy\n8. probe hover, active, sticky, or expanded states through DOM or computed-style changes\n\nDo not replace steps 4 through 8 with screenshots.\n\n### 3. Extract the Design System\n\nCapture the reusable rules, not only the page-specific surface:\n\n- colors and their roles\n- light and dark theme variants when the site supports them\n- typography hierarchy\n- spacing rhythm and grid behavior\n- corner radius language\n- border treatment\n- shadows and surface layering\n- imagery style\n- icon style\n- motion and transition style\n- density and whitespace philosophy\n- stylesheet and CSS variable conventions when observable\n- DOM patterns that explain how repeated components are actually structured\n\n### 4. Extract Components and States\n\nInspect the major repeated patterns:\n\n- navigation\n- announcement bars\n- hero blocks\n- buttons and links\n- cards\n- badges\n- forms and inputs\n- tabs or pills\n- accordions\n- tables\n- footers\n\nFor each important component, inspect the visible states that matter:\n\n- default\n- hover\n- active or selected\n- focused if visible\n- disabled if visible\n- scrolled or sticky variants\n- open or expanded states\n- light-mode and dark-mode variants when the site supports theme switching\n\n### 5. Extract Interaction Behavior\n\nDo not stop at static visuals.\n\nDocument:\n\n- what changes on scroll\n- what changes on hover\n- what changes on click\n- what changes when the user toggles between light and dark mode\n- what is animated into view\n- whether carousels, tabs, or sticky sidebars are click-driven, scroll-driven, or time-driven\n- how fast motion feels and whether it is subtle, crisp, cinematic, playful, or restrained\n- which CSS or DOM states change during those interactions when observable in the browser\n\n### 6. Extract Content and Brand Voice\n\nCapture the tone that shapes the design:\n\n- headline style\n- CTA phrasing\n- sentence density\n- product framing\n- trust signals\n- feature naming patterns\n- whether copy is technical, playful, premium, direct, academic, or conversational\n\nThis is important because a good `DESIGN.md` should guide both visuals and presentation style.\n\n### 6.1 Theme Mode Sweep\n\nIf the site supports appearance switching:\n\n- trigger the light and dark mode toggle directly in the browser\n- extract DOM and computed-style evidence for both modes\n- document which tokens invert versus which accents stay stable\n- note whether imagery, shadows, borders, cards, and code blocks change treatment between modes\n- carry both modes into the final markdown and HTML preview\n\n## Output Contract\n\nWrite the final document using the structure in [assets/DESIGN.template.md](assets/DESIGN.template.md).\n\nAfter the markdown is written, generate a companion HTML preview using [scripts/render-design-preview.mjs](scripts/render-design-preview.mjs) when possible.\n\nWhen browser tooling is available, prefer a DOM-and-style extraction pass before writing. The expected evidence order is:\n\n1. rendered HTML and key node structure\n2. computed styles and CSS variables\n3. interaction-state diffs\n4. optional screenshot cross-check only if the user explicitly asks for it or DOM evidence is ambiguous\n\nIf the page supports light and dark themes, the output contract also requires:\n\n1. explicit `Theme Modes` documentation in `DESIGN.md`\n2. separate light-mode and dark-mode token notes when they differ materially\n3. a visible light/dark theme summary block in the companion HTML preview\n\nThe document should usually contain these sections:\n\n1. `Visual Theme & Atmosphere`\n2. `Color Palette & Roles`\n3. `Typography Rules`\n4. `Component Stylings`\n5. `Layout Principles`\n6. `Depth & Elevation`\n7. `Do's and Don'ts`\n8. `Responsive Behavior`\n9. `Agent Prompt Guide`\n\nAdd optional appendices only when they add real value:\n\n- `Interaction Patterns`\n- `Content & Messaging Patterns`\n- `Observed Pages`\n- `Evidence Notes`\n\nWithin those sections, prefer richer Stitch-style subsections when the site supports them:\n\n- `Key Characteristics`\n- `Primary`, `Interactive`, `Neutral Scale`, `Surface & Overlay`, `Shadows & Depth`\n- `Font Family`, `Hierarchy`, `Principles`\n- `Buttons`, `Cards & Containers`, `Inputs & Forms`, `Navigation`, `Image Treatment`, `Distinctive Components`\n- `Spacing System`, `Grid","tagline":"Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use ","category":"research","tags":["agent-skill"],"author":"Paidax01","verified":false,"attribution":{"status":"registry_indexed","statusLabel":"Registry indexed","shortLabel":"REGISTRY INDEXED","sourceLabel":"incremental repository rescan","sourceDetail":"Paidax01/web-to-design-md","creatorName":"Paidax01","creatorUrl":"https://github.com/Paidax01","sourceUrl":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md","indexedBy":"OpenAgentSkill community index","claimUrl":"https://www.openagentskill.com/skills/paidax01-website-to-design-md#claim-this-skill","claimCta":"Claim this skill","trustNote":"This listing was indexed from public sources and is not marked official until a maintainer claim is approved.","publicNote":"Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals."},"stats":{"stars":409,"forks":34,"verified_installs":0,"successful_runs":0,"total_outcomes":0,"rating":0,"review_count":0,"quality_score":41.24},"quality":{"score":68,"tier":"promising","label":"Promising","summary":"Useful candidate, but compare it with alternatives before adopting.","signals":[{"label":"GitHub stars","value":"409","tone":"neutral"},{"label":"Freshness","value":"Today","tone":"positive"},{"label":"Install ready","value":"Yes","tone":"positive"},{"label":"License","value":"Unknown","tone":"neutral"}],"warnings":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution."]},"trust":{"version":"trust-score-v5","score":55,"base_score":63,"outcome_confidence":0,"tier":"risk","label":"Do not auto-install","summary":"Trust Score v5 found insufficient evidence for agent installation. Treat this as discovery material, not an executable recommendation.","recommendedAction":"Choose a stronger alternative or inspect the source manually before any install attempt.","decision":{"install_policy":"human_review_before_install","auto_install_allowed":false,"human_review_required":true,"sandbox_first":true,"agent_action":"Compare alternatives before installing.","reasoning":["55/100 Trust Score v5","63/100 Trust Score v4 baseline","Needs more real agent outcomes before unattended install","Install path is available","Review before production"],"review_required_when":["The workspace contains production secrets, payments, private customer data, or irreversible actions.","The install command requests shell, network, credential, database, or broad filesystem access.","Outcome evidence is missing, recently failed, or required human review.","Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface","Automatic installation in a production workspace"]},"dimensions":[{"id":"github_adoption","label":"GitHub adoption","score":62,"weight":0.13,"status":"info","detail":"409 GitHub stars"},{"id":"repo_activity","label":"Stars/forks activity","score":57,"weight":0.08,"status":"warn","detail":"409 stars, 34 forks; issue activity unavailable in current metadata"},{"id":"maintenance","label":"Recent maintenance","score":100,"weight":0.14,"status":"pass","detail":"Pushed today"},{"id":"license","label":"License clarity","score":42,"weight":0.09,"status":"warn","detail":"Unknown"},{"id":"documentation","label":"README/SKILL.md completeness","score":86,"weight":0.14,"status":"pass","detail":"Metadata includes enough usage and workflow context"},{"id":"dependency_risk","label":"Dependency/runtime risk","score":46,"weight":0.12,"status":"warn","detail":"command execution surface, credential or environment access"},{"id":"installability","label":"Install availability","score":92,"weight":0.1,"status":"pass","detail":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md"},{"id":"install_safety","label":"Install command safety","score":92,"weight":0.1,"status":"pass","detail":"standard package or runtime install path"},{"id":"permission_surface","label":"Permission surface","score":22,"weight":0.07,"status":"fail","detail":"secrets or environment access, shell or command execution"},{"id":"repository","label":"Repository evidence","score":86,"weight":0.04,"status":"pass","detail":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md"},{"id":"review_status","label":"Review status","score":66,"weight":0.05,"status":"info","detail":"AI review data available"},{"id":"agent_outcomes","label":"Agent Proven outcomes","score":54,"weight":0.13,"status":"info","detail":"No agent outcome data yet"}],"checks":[{"status":"info","label":"GitHub adoption","detail":"409 GitHub stars"},{"status":"warn","label":"Stars/forks activity","detail":"409 stars, 34 forks; issue activity unavailable in current metadata"},{"status":"pass","label":"Recent maintenance","detail":"Pushed today"},{"status":"warn","label":"License clarity","detail":"Unknown"},{"status":"pass","label":"README/SKILL.md completeness","detail":"Metadata includes enough usage and workflow context"},{"status":"warn","label":"Dependency/runtime risk","detail":"command execution surface, credential or environment access"},{"status":"pass","label":"Install availability","detail":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md"},{"status":"pass","label":"Install command safety","detail":"standard package or runtime install path"},{"status":"fail","label":"Permission surface","detail":"secrets or environment access, shell or command execution"},{"status":"pass","label":"Repository evidence","detail":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md"},{"status":"info","label":"Review status","detail":"AI review data available"},{"status":"info","label":"Agent Proven outcomes","detail":"No agent outcome data yet"},{"status":"warn","label":"Ownership","detail":"No approved owner claim yet"},{"status":"pass","label":"OpenAgentSkill usage","detail":"3 views, 0 install copies"},{"status":"info","label":"Agent outcomes","detail":"No agent outcome data yet"}],"strengths":["AI review approved","Install path is available","Repository evidence is available","Recently maintained repository","Install command has no obvious high-risk pattern","Outcome loop is ready but needs first real agent run"],"warnings":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","License is unclear","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata","License clarity: Unknown","Dependency/runtime risk: command execution surface, credential or environment access","Permission surface: secrets or environment access, shell or command execution","No real agent outcome reports yet","Human review required before unattended installation"],"evidence":{"stars":"409 GitHub stars","repoActivity":"409 stars, 34 forks","lastPushed":"Pushed today","license":"Unknown","repository":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md","install":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","installSafety":"standard package or runtime install path","permissionSurface":"secrets or environment access, shell or command execution","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet","agentProvenScore":0,"outcomeConfidence":"0%","installPolicy":"human_review_before_install"},"installReadiness":{"ready":true,"command":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","policy":"human_review_before_install","label":"Human review before install","notes":["Install path is available","Repository evidence is available","License is unclear","No Agent Proven outcome evidence yet","Pushed today","Trust Score v5 requires review or sandbox-only use before install."]},"agentCompatibility":["Codex","Claude Code","Cursor","OpenAgentSkill CLI"],"riskSummary":{"level":"medium","label":"Review before production","notes":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","License is unclear","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata"]},"outcomeEvidence":{"total":0,"successes":0,"failures":0,"notRelevant":0,"successRate":null,"installAttempts":0,"riskBlocked":0,"setupRequired":0,"installSuccessRate":null,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"recentSuccessRate":null,"recentFailureRate":null,"uniqueAgents":0,"agentProvenScore":0,"agentProvenLabel":"Needs first agent run","lastOutcomeAt":null,"label":"No agent outcome data yet"},"autoInstall":{"allowed":false,"sandboxRequired":true,"policy":"human_review_before_install","reason":"Compare alternatives before installing."},"outcome_loop":{"version":"openagentskill-agent-outcome-v3","required_after_install":true,"endpoint":"/api/agent/outcome","method":"POST","event_id_source":"feedback.event_id, install_receipt.resolve_event_id, or decision_packet.outcome_feedback.event_id","expected_outcomes":["success","failed","not_relevant","blocked_by_risk","setup_required"],"required_fields":["event_id","skill_slug","task"],"quality_fields":["task_success","output_quality","error_type","human_review_required","used_in_production","workspace","evidence_url","time_to_useful_ms"],"ranking_inputs_updated":["Trust Score v5 outcome confidence","Agent Proven Score","Resolve ranking task-fit evidence","Skill detail machine-readable metadata","Outcome leaderboard"]},"agent_contract":{"suited_tasks":["research","agent-skill"],"suited_agents":["Codex","Claude Code","Cursor","OpenAgentSkill CLI"],"install_command":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","trust_score":55,"trust_version":"trust-score-v5","risk_level":"medium","do_not_use_when":["Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface","Automatic installation in a production workspace","Commercial reuse before clarifying license terms"],"before_install":["Read the audit page and machine-readable metadata.","Confirm the install command, license, and permission surface fit the workspace.","Get explicit human approval or choose an alternative before installing."],"after_run":["Report the outcome to /api/agent/outcome using the resolve event id.","Include output_quality, workspace, human_review_required, and evidence_url when available.","Re-resolve before broad production rollout."]},"bestFor":["research","agent-skill"],"doNotUseFor":["Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface","Automatic installation in a production workspace","Commercial reuse before clarifying license terms"],"knownRisks":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","License is unclear","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata","License clarity: Unknown","Dependency/runtime risk: command execution surface, credential or environment access","Permission surface: secrets or environment access, shell or command execution"],"backward_compatible":{"trust_score_v4":{"version":"trust-score-v4","score":63,"tier":"review","label":"Manual review","summary":"Potentially useful, but at least one trust signal needs human inspection."}}},"trust_score_v5":{"version":"trust-score-v5","score":55,"base_score":63,"outcome_confidence":0,"tier":"risk","label":"Do not auto-install","summary":"Trust Score v5 found insufficient evidence for agent installation. Treat this as discovery material, not an executable recommendation.","recommendedAction":"Choose a stronger alternative or inspect the source manually before any install attempt.","decision":{"install_policy":"human_review_before_install","auto_install_allowed":false,"human_review_required":true,"sandbox_first":true,"agent_action":"Compare alternatives before installing.","reasoning":["55/100 Trust Score v5","63/100 Trust Score v4 baseline","Needs more real agent outcomes before unattended install","Install path is available","Review before production"],"review_required_when":["The workspace contains production secrets, payments, private customer data, or irreversible actions.","The install command requests shell, network, credential, database, or broad filesystem access.","Outcome evidence is missing, recently failed, or required human review.","Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface","Automatic installation in a production workspace"]},"dimensions":[{"id":"github_adoption","label":"GitHub adoption","score":62,"weight":0.13,"status":"info","detail":"409 GitHub stars"},{"id":"repo_activity","label":"Stars/forks activity","score":57,"weight":0.08,"status":"warn","detail":"409 stars, 34 forks; issue activity unavailable in current metadata"},{"id":"maintenance","label":"Recent maintenance","score":100,"weight":0.14,"status":"pass","detail":"Pushed today"},{"id":"license","label":"License clarity","score":42,"weight":0.09,"status":"warn","detail":"Unknown"},{"id":"documentation","label":"README/SKILL.md completeness","score":86,"weight":0.14,"status":"pass","detail":"Metadata includes enough usage and workflow context"},{"id":"dependency_risk","label":"Dependency/runtime risk","score":46,"weight":0.12,"status":"warn","detail":"command execution surface, credential or environment access"},{"id":"installability","label":"Install availability","score":92,"weight":0.1,"status":"pass","detail":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md"},{"id":"install_safety","label":"Install command safety","score":92,"weight":0.1,"status":"pass","detail":"standard package or runtime install path"},{"id":"permission_surface","label":"Permission surface","score":22,"weight":0.07,"status":"fail","detail":"secrets or environment access, shell or command execution"},{"id":"repository","label":"Repository evidence","score":86,"weight":0.04,"status":"pass","detail":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md"},{"id":"review_status","label":"Review status","score":66,"weight":0.05,"status":"info","detail":"AI review data available"},{"id":"agent_outcomes","label":"Agent Proven outcomes","score":54,"weight":0.13,"status":"info","detail":"No agent outcome data yet"}],"checks":[{"status":"info","label":"GitHub adoption","detail":"409 GitHub stars"},{"status":"warn","label":"Stars/forks activity","detail":"409 stars, 34 forks; issue activity unavailable in current metadata"},{"status":"pass","label":"Recent maintenance","detail":"Pushed today"},{"status":"warn","label":"License clarity","detail":"Unknown"},{"status":"pass","label":"README/SKILL.md completeness","detail":"Metadata includes enough usage and workflow context"},{"status":"warn","label":"Dependency/runtime risk","detail":"command execution surface, credential or environment access"},{"status":"pass","label":"Install availability","detail":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md"},{"status":"pass","label":"Install command safety","detail":"standard package or runtime install path"},{"status":"fail","label":"Permission surface","detail":"secrets or environment access, shell or command execution"},{"status":"pass","label":"Repository evidence","detail":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md"},{"status":"info","label":"Review status","detail":"AI review data available"},{"status":"info","label":"Agent Proven outcomes","detail":"No agent outcome data yet"},{"status":"warn","label":"Ownership","detail":"No approved owner claim yet"},{"status":"pass","label":"OpenAgentSkill usage","detail":"3 views, 0 install copies"},{"status":"info","label":"Agent outcomes","detail":"No agent outcome data yet"}],"strengths":["AI review approved","Install path is available","Repository evidence is available","Recently maintained repository","Install command has no obvious high-risk pattern","Outcome loop is ready but needs first real agent run"],"warnings":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","License is unclear","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata","License clarity: Unknown","Dependency/runtime risk: command execution surface, credential or environment access","Permission surface: secrets or environment access, shell or command execution","No real agent outcome reports yet","Human review required before unattended installation"],"evidence":{"stars":"409 GitHub stars","repoActivity":"409 stars, 34 forks","lastPushed":"Pushed today","license":"Unknown","repository":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md","install":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","installSafety":"standard package or runtime install path","permissionSurface":"secrets or environment access, shell or command execution","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet","agentProvenScore":0,"outcomeConfidence":"0%","installPolicy":"human_review_before_install"},"installReadiness":{"ready":true,"command":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","policy":"human_review_before_install","label":"Human review before install","notes":["Install path is available","Repository evidence is available","License is unclear","No Agent Proven outcome evidence yet","Pushed today","Trust Score v5 requires review or sandbox-only use before install."]},"agentCompatibility":["Codex","Claude Code","Cursor","OpenAgentSkill CLI"],"riskSummary":{"level":"medium","label":"Review before production","notes":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","License is unclear","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata"]},"outcomeEvidence":{"total":0,"successes":0,"failures":0,"notRelevant":0,"successRate":null,"installAttempts":0,"riskBlocked":0,"setupRequired":0,"installSuccessRate":null,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"recentSuccessRate":null,"recentFailureRate":null,"uniqueAgents":0,"agentProvenScore":0,"agentProvenLabel":"Needs first agent run","lastOutcomeAt":null,"label":"No agent outcome data yet"},"autoInstall":{"allowed":false,"sandboxRequired":true,"policy":"human_review_before_install","reason":"Compare alternatives before installing."},"outcome_loop":{"version":"openagentskill-agent-outcome-v3","required_after_install":true,"endpoint":"/api/agent/outcome","method":"POST","event_id_source":"feedback.event_id, install_receipt.resolve_event_id, or decision_packet.outcome_feedback.event_id","expected_outcomes":["success","failed","not_relevant","blocked_by_risk","setup_required"],"required_fields":["event_id","skill_slug","task"],"quality_fields":["task_success","output_quality","error_type","human_review_required","used_in_production","workspace","evidence_url","time_to_useful_ms"],"ranking_inputs_updated":["Trust Score v5 outcome confidence","Agent Proven Score","Resolve ranking task-fit evidence","Skill detail machine-readable metadata","Outcome leaderboard"]},"agent_contract":{"suited_tasks":["research","agent-skill"],"suited_agents":["Codex","Claude Code","Cursor","OpenAgentSkill CLI"],"install_command":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","trust_score":55,"trust_version":"trust-score-v5","risk_level":"medium","do_not_use_when":["Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface","Automatic installation in a production workspace","Commercial reuse before clarifying license terms"],"before_install":["Read the audit page and machine-readable metadata.","Confirm the install command, license, and permission surface fit the workspace.","Get explicit human approval or choose an alternative before installing."],"after_run":["Report the outcome to /api/agent/outcome using the resolve event id.","Include output_quality, workspace, human_review_required, and evidence_url when available.","Re-resolve before broad production rollout."]},"bestFor":["research","agent-skill"],"doNotUseFor":["Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface","Automatic installation in a production workspace","Commercial reuse before clarifying license terms"],"knownRisks":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","License is unclear","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata","License clarity: Unknown","Dependency/runtime risk: command execution surface, credential or environment access","Permission surface: secrets or environment access, shell or command execution"],"backward_compatible":{"trust_score_v4":{"version":"trust-score-v4","score":63,"tier":"review","label":"Manual review","summary":"Potentially useful, but at least one trust signal needs human inspection."}}},"trust_score_v4":{"version":"trust-score-v4","score":63,"tier":"review","label":"Manual review","summary":"Potentially useful, but at least one trust signal needs human inspection.","recommendedAction":"Inspect the repository, license, and recent activity before connecting it to agent workflows.","dimensions":[{"id":"github_adoption","label":"GitHub adoption","score":62,"weight":0.13,"status":"info","detail":"409 GitHub stars"},{"id":"repo_activity","label":"Stars/forks activity","score":57,"weight":0.08,"status":"warn","detail":"409 stars, 34 forks; issue activity unavailable in current metadata"},{"id":"maintenance","label":"Recent maintenance","score":100,"weight":0.14,"status":"pass","detail":"Pushed today"},{"id":"license","label":"License clarity","score":42,"weight":0.09,"status":"warn","detail":"Unknown"},{"id":"documentation","label":"README/SKILL.md completeness","score":86,"weight":0.14,"status":"pass","detail":"Metadata includes enough usage and workflow context"},{"id":"dependency_risk","label":"Dependency/runtime risk","score":46,"weight":0.12,"status":"warn","detail":"command execution surface, credential or environment access"},{"id":"installability","label":"Install availability","score":92,"weight":0.1,"status":"pass","detail":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md"},{"id":"install_safety","label":"Install command safety","score":92,"weight":0.1,"status":"pass","detail":"standard package or runtime install path"},{"id":"permission_surface","label":"Permission surface","score":22,"weight":0.07,"status":"fail","detail":"secrets or environment access, shell or command execution"},{"id":"repository","label":"Repository evidence","score":86,"weight":0.04,"status":"pass","detail":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md"},{"id":"review_status","label":"Review status","score":66,"weight":0.05,"status":"info","detail":"AI review data available"},{"id":"agent_outcomes","label":"Agent Proven outcomes","score":54,"weight":0.13,"status":"info","detail":"No agent outcome data yet"}],"checks":[{"status":"info","label":"GitHub adoption","detail":"409 GitHub stars"},{"status":"warn","label":"Stars/forks activity","detail":"409 stars, 34 forks; issue activity unavailable in current metadata"},{"status":"pass","label":"Recent maintenance","detail":"Pushed today"},{"status":"warn","label":"License clarity","detail":"Unknown"},{"status":"pass","label":"README/SKILL.md completeness","detail":"Metadata includes enough usage and workflow context"},{"status":"warn","label":"Dependency/runtime risk","detail":"command execution surface, credential or environment access"},{"status":"pass","label":"Install availability","detail":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md"},{"status":"pass","label":"Install command safety","detail":"standard package or runtime install path"},{"status":"fail","label":"Permission surface","detail":"secrets or environment access, shell or command execution"},{"status":"pass","label":"Repository evidence","detail":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md"},{"status":"info","label":"Review status","detail":"AI review data available"},{"status":"info","label":"Agent Proven outcomes","detail":"No agent outcome data yet"},{"status":"warn","label":"Ownership","detail":"No approved owner claim yet"},{"status":"pass","label":"OpenAgentSkill usage","detail":"3 views, 0 install copies"},{"status":"info","label":"Agent outcomes","detail":"No agent outcome data yet"}],"strengths":["AI review approved","Install path is available","Repository evidence is available","Recently maintained repository","Install command has no obvious high-risk pattern"],"warnings":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","License is unclear","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata","License clarity: Unknown","Dependency/runtime risk: command execution surface, credential or environment access","Permission surface: secrets or environment access, shell or command execution"],"evidence":{"stars":"409 GitHub stars","repoActivity":"409 stars, 34 forks","lastPushed":"Pushed today","license":"Unknown","repository":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md","install":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","installSafety":"standard package or runtime install path","permissionSurface":"secrets or environment access, shell or command execution","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"installReadiness":{"ready":true,"command":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","policy":"human_review_before_install","label":"Human review before install","notes":["Install path is available","Repository evidence is available","License is unclear","No Agent Proven outcome evidence yet","Pushed today"]},"agentCompatibility":["Codex","Claude Code","Cursor","OpenAgentSkill CLI"],"riskSummary":{"level":"medium","label":"Review before production","notes":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","License is unclear","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata"]},"outcomeEvidence":{"total":0,"successes":0,"failures":0,"notRelevant":0,"successRate":null,"installAttempts":0,"riskBlocked":0,"setupRequired":0,"installSuccessRate":null,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"recentSuccessRate":null,"recentFailureRate":null,"uniqueAgents":0,"agentProvenScore":0,"agentProvenLabel":"Needs first agent run","lastOutcomeAt":null,"label":"No agent outcome data yet"},"autoInstall":{"allowed":false,"sandboxRequired":true,"policy":"human_review_before_install","reason":"Human review or sandbox validation is required before automatic installation."},"bestFor":["research","agent-skill"],"doNotUseFor":["Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface","Automatic installation in a production workspace","Commercial reuse before clarifying license terms"],"knownRisks":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","License is unclear","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata","License clarity: Unknown","Dependency/runtime risk: command execution surface, credential or environment access","Permission surface: secrets or environment access, shell or command execution"]},"agent_proven":{"version":"agent-proven-v1","score":0,"tier":"unproven","label":"Needs first agent run","summary":"No agent outcome reports yet. Use Resolve, run one narrow sandbox task, then report the result.","metrics":{"totalOutcomes":0,"successfulOutcomes":0,"failedOutcomes":0,"installAttempts":0,"installSuccessRate":null,"successRate":null,"recentSuccessRate":null,"recentFailureRate":null,"riskBlocked":0,"setupRequired":0,"notRelevant":0,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"uniqueAgents":0,"lastOutcomeAt":null},"signals":[],"penalties":["No real agent outcome evidence yet"]},"outcome_stats":null,"safety":{"score":29,"level":"avoid_auto_install","label":"Avoid automatic install","safety_tier":{"tier":"blocked","label":"Blocked for auto-install","badge":"BLOCKED","summary":"This skill should not be selected by an agent without explicit human security review.","recommended_action":"Do not auto-install. Inspect the source, dependencies, and permission surface first.","auto_install_policy":"block","reasons":["Metadata combines secrets access with shell or command execution","High-risk permission hints: Shell or command execution, Secrets or environment access"]},"auto_install_allowed":false,"human_review_required":true,"blocked":true,"audit_risk":"needs_review","permission_hints":[{"id":"shell","label":"Shell or command execution","reason":"Skill metadata references terminal, CLI, shell, subprocess, or command execution workflows.","severity":"high"},{"id":"browser","label":"Browser automation","reason":"Skill may drive a browser or interact with web pages.","severity":"medium"},{"id":"network","label":"Network access","reason":"Skill likely fetches remote pages, APIs, repositories, or external services.","severity":"medium"},{"id":"filesystem","label":"Filesystem access","reason":"Skill may read or write project files, documents, generated artifacts, or local workspace state.","severity":"medium"},{"id":"secrets","label":"Secrets or environment access","reason":"Skill metadata references credentials, tokens, environment variables, or secret-bearing workflows.","severity":"high"}],"policy_warnings":["High-risk permission hints: Shell or command execution, Secrets or environment access","License is unclear"],"constraints_applied":{"max_risk":"medium","needs_install_command":true,"min_stars":0}},"safety_gate":{"tier":"blocked","label":"Blocked for auto-install","badge":"BLOCKED","auto_install_policy":"block","auto_install_allowed":false,"blocked":true,"human_review_required":true,"recommended_action":"Do not auto-install. Inspect the source, dependencies, and permission surface first.","reasons":["Metadata combines secrets access with shell or command execution","High-risk permission hints: Shell or command execution, Secrets or environment access"]},"eval":{"version":"openagentskill-skill-eval-v1","status":"failed","score":63,"risk_level":"high","decision":{"recommendation":"do_not_auto_install","reason":"Agent safety gate: This skill should not be selected by an agent without explicit human security review.","auto_install_allowed":false,"policy":"block","human_review_required":true},"blockers":["Agent safety gate: This skill should not be selected by an agent without explicit human security review.","Permission surface: secrets or environment access, shell or command execution"],"warnings":["Trust score: Potentially useful, but at least one trust signal needs human inspection.","Audit score: Needs review","License clarity: Unknown","High-risk permission hints: Shell or command execution, Secrets or environment access","License is unclear","Dependency or permission surface needs review","Permission surface may require sandboxing","Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","Skill depends on `agent-browser`, a third-party tool that may not be pre-installed; installation instructions are provided but could be more explicit about system requirements.","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata"],"validation_plan":["Inspect repository, README/SKILL.md, license, and recent commits before production use.","Install in an isolated workspace or sandbox with no production secrets available.","Run the smallest representative task and record files touched, commands run, network access, and outputs.","Compare the selected skill against at least one alternative when the eval status is review or failed.","Promote only after the agent reports a successful verification result and unresolved warnings are accepted."],"checks":[{"id":"task_fit","label":"Task fit","status":"pass","score":94,"required_for_auto_install":true,"detail":"Task wording matches this skill metadata.","evidence":["Evaluate website-to-design-md before installing it in an agent workflow","research","Research agents workflows; Claude Code teams; builders willing to evaluate younger projects"]},{"id":"install_path","label":"Install path","status":"pass","score":92,"required_for_auto_install":true,"detail":"Install handoff is available.","evidence":["npx skills add Paidax01/web-to-design-md --skill website-to-design-md"]},{"id":"install_safety","label":"Install command safety","status":"pass","score":92,"required_for_auto_install":true,"detail":"standard package or runtime install path","evidence":["npx skills add Paidax01/web-to-design-md --skill website-to-design-md"]},{"id":"trust_score","label":"Trust score","status":"warn","score":63,"required_for_auto_install":true,"detail":"Potentially useful, but at least one trust signal needs human inspection.","evidence":["Manual review","409 GitHub stars","Unknown"]},{"id":"audit_score","label":"Audit score","status":"warn","score":73,"required_for_auto_install":true,"detail":"Needs review","evidence":["License is unclear"]},{"id":"agent_safety_gate","label":"Agent safety gate","status":"fail","score":29,"required_for_auto_install":true,"detail":"This skill should not be selected by an agent without explicit human security review.","evidence":["Do not auto-install. Inspect the source, dependencies, and permission surface first.","Metadata combines secrets access with shell or command execution"]},{"id":"readme_skillmd_completeness","label":"README/SKILL.md completeness","status":"pass","score":86,"required_for_auto_install":false,"detail":"Metadata includes enough usage and workflow context","evidence":["Strong README/SKILL.md context"]},{"id":"license_clarity","label":"License clarity","status":"warn","score":42,"required_for_auto_install":true,"detail":"Unknown","evidence":["Unknown"]},{"id":"recent_maintenance","label":"Recent maintenance","status":"pass","score":100,"required_for_auto_install":false,"detail":"Pushed today","evidence":["Pushed today"]},{"id":"permission_surface","label":"Permission surface","status":"fail","score":22,"required_for_auto_install":true,"detail":"secrets or environment access, shell or command execution","evidence":["Shell or command execution: high","Browser automation: medium","Network access: medium"]},{"id":"alternatives","label":"Alternatives available","status":"info","score":55,"required_for_auto_install":false,"detail":"No close alternatives were found in the current shortlist.","evidence":[]}],"endpoints":{"web":"https://www.openagentskill.com/skills/paidax01-website-to-design-md/evals","api":"/api/agent/evals?slug=paidax01-website-to-design-md","text":"/api/agent/evals?slug=paidax01-website-to-design-md&format=text"}},"agent_readable_metadata":{"version":"openagentskill-agent-metadata-v2","skill":{"slug":"paidax01-website-to-design-md","name":"website-to-design-md","description":"Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks.","category":"research","url":"https://www.openagentskill.com/skills/paidax01-website-to-design-md","repository":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md","github_repo":"Paidax01/web-to-design-md"},"suited_tasks":["Research agents workflows","Claude Code teams","builders willing to evaluate younger projects","Search sources","Extract claims","Synthesize findings","Navigate local resources","Run repeatable desktop actions"],"suited_agents":["Codex","Claude Code","Cursor","OpenAgentSkill CLI","OpenAI Agents","Browser agents","CLI"],"install":{"command":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","ready":true,"targets":[{"id":"openagentskill-cli","label":"CLI","kind":"command","value":"npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install paidax01-website-to-design-md"},{"id":"codex","label":"Codex","kind":"agent-prompt","value":"Install the \"website-to-design-md\" agent skill from https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"paidax01-website-to-design-md\",\"task\":\"Install website-to-design-md\",\"agent\":\"codex\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."},{"id":"claude-code","label":"Claude Code","kind":"agent-prompt","value":"Add \"website-to-design-md\" as a Claude Code skill from https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"paidax01-website-to-design-md\",\"task\":\"Install website-to-design-md\",\"agent\":\"claude-code\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."},{"id":"cursor","label":"Cursor","kind":"agent-prompt","value":"Turn \"website-to-design-md\" from https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"paidax01-website-to-design-md\",\"task\":\"Install website-to-design-md\",\"agent\":\"cursor\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."}],"handoff_url":"https://www.openagentskill.com/api/skills/paidax01-website-to-design-md/install","manifest_url":"https://www.openagentskill.com/api/registry/manifest/paidax01-website-to-design-md"},"trust":{"score":63,"label":"Manual review","version":"trust-score-v4","install_policy":"human_review_before_install","evidence":{"stars":"409 GitHub stars","repoActivity":"409 stars, 34 forks","lastPushed":"Pushed today","license":"Unknown","repository":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md","install":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","installSafety":"standard package or runtime install path","permissionSurface":"secrets or environment access, shell or command execution","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"outcome_evidence":{"total":0,"successes":0,"failures":0,"not_relevant":0,"success_rate":null,"recent_success_rate":null,"recent_failure_rate":null,"install_attempts":0,"install_success_rate":null,"risk_blocked":0,"setup_required":0,"avg_output_quality":null,"production_outcomes":0,"last_outcome_at":null,"label":"No agent outcome data yet"},"auto_install":{"allowed":false,"sandbox_required":true,"reason":"Human review or sandbox validation is required before automatic installation."},"best_for":["research","agent-skill"],"known_risks":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","License is unclear","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata","License clarity: Unknown","Dependency/runtime risk: command execution surface, credential or environment access","Permission surface: secrets or environment access, shell or command execution"]},"agent_proven":{"version":"agent-proven-v1","score":0,"tier":"unproven","label":"Needs first agent run","summary":"No agent outcome reports yet. Use Resolve, run one narrow sandbox task, then report the result.","metrics":{"totalOutcomes":0,"successfulOutcomes":0,"failedOutcomes":0,"installAttempts":0,"installSuccessRate":null,"successRate":null,"recentSuccessRate":null,"recentFailureRate":null,"riskBlocked":0,"setupRequired":0,"notRelevant":0,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"uniqueAgents":0,"lastOutcomeAt":null},"signals":[],"penalties":["No real agent outcome evidence yet"]},"audit":{"score":73,"risk_level":"needs_review","risk_label":"Needs review","warnings":["License is unclear","Dependency or permission surface needs review","Permission surface may require sandboxing","Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","Skill depends on `agent-browser`, a third-party tool that may not be pre-installed; installation instructions are provided but could be more explicit about system requirements.","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata"]},"safety_gate":{"tier":"blocked","label":"Blocked for auto-install","auto_install_policy":"block","auto_install_allowed":false,"human_review_required":true,"blocked":true,"recommended_action":"Do not auto-install. Inspect the source, dependencies, and permission surface first."},"quality":{"score":68,"label":"Promising"},"supply":{"track":"Research and knowledge work","scenario":"Research agents","maintenance":"Pushed today","risk":"Needs review"},"alternative_skills":[],"do_not_use_when":["teams that need a vendor-supported SLA","production agents without a repository review","Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","High-risk permission hints: Shell or command execution, Secrets or environment access","License is unclear","Dependency or permission surface needs review","Permission surface may require sandboxing","Skill depends on `agent-browser`, a third-party tool that may not be pre-installed; installation instructions are provided but could be more explicit about system requirements."],"agent_contract":{"task_input":"Use website-to-design-md in an agent workflow","recommended_action":"Do not auto-install. Inspect the source, dependencies, and permission surface first.","install_policy":"block","minimum_review_before_use":["Trust: 63/100 Manual review","Audit: 73/100 Needs review","Safety: 29/100 Avoid automatic install","Review repository, license, install command, and permission surface before production use."],"expected_agent_output":{"selected_skill":"paidax01-website-to-design-md (website-to-design-md)","install_command":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","risk_summary":"Needs review; Blocked for auto-install; Review before production","verification_result":"Report the smallest successful task, files touched, warnings, and any missing setup."}},"outcome_feedback":{"endpoint":"https://www.openagentskill.com/api/agent/outcome","method":"POST","requires_resolve_event_id":true,"event_id_source":"Use install_receipt.outcome_feedback.event_id or feedback.event_id returned by /api/agent/resolve for the current task.","expected_outcomes":["success","failed","not_relevant","blocked_by_risk","setup_required"],"payload_template":{"event_id":"<install_receipt.outcome_feedback.event_id or feedback.event_id from /api/agent/resolve>","skill_slug":"paidax01-website-to-design-md","task":"Use website-to-design-md in an agent workflow","agent":"codex","outcome":"success","install_used":true,"risk_blocked":false,"setup_required":false,"task_success":true,"output_quality":4,"error_type":null,"human_review_required":false,"workspace":"sandbox","time_to_useful_ms":120000,"notes":"Report the smallest successful task, setup friction, files touched, and risk notes."}},"endpoints":{"web":"https://www.openagentskill.com/skills/paidax01-website-to-design-md","api":"https://www.openagentskill.com/api/agent/skills/paidax01-website-to-design-md","audit":"https://www.openagentskill.com/skills/paidax01-website-to-design-md/audit","eval":"https://www.openagentskill.com/api/agent/evals?slug=paidax01-website-to-design-md&task=Use%20website-to-design-md%20in%20an%20agent%20workflow&max_risk=medium","resolve":"https://www.openagentskill.com/api/agent/resolve?task=Use%20website-to-design-md%20in%20an%20agent%20workflow&agent=codex&max_risk=medium","receipt":"https://www.openagentskill.com/api/agent/receipt?task=Use%20website-to-design-md%20in%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text","install":"https://www.openagentskill.com/api/skills/paidax01-website-to-design-md/install","manifest":"https://www.openagentskill.com/api/registry/manifest/paidax01-website-to-design-md"}},"machine_metadata":{"version":"openagentskill-agent-metadata-v2","skill":{"slug":"paidax01-website-to-design-md","name":"website-to-design-md","description":"Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks.","category":"research","url":"https://www.openagentskill.com/skills/paidax01-website-to-design-md","repository":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md","github_repo":"Paidax01/web-to-design-md"},"suited_tasks":["Research agents workflows","Claude Code teams","builders willing to evaluate younger projects","Search sources","Extract claims","Synthesize findings","Navigate local resources","Run repeatable desktop actions"],"suited_agents":["Codex","Claude Code","Cursor","OpenAgentSkill CLI","OpenAI Agents","Browser agents","CLI"],"install":{"command":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","ready":true,"targets":[{"id":"openagentskill-cli","label":"CLI","kind":"command","value":"npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install paidax01-website-to-design-md"},{"id":"codex","label":"Codex","kind":"agent-prompt","value":"Install the \"website-to-design-md\" agent skill from https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"paidax01-website-to-design-md\",\"task\":\"Install website-to-design-md\",\"agent\":\"codex\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."},{"id":"claude-code","label":"Claude Code","kind":"agent-prompt","value":"Add \"website-to-design-md\" as a Claude Code skill from https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"paidax01-website-to-design-md\",\"task\":\"Install website-to-design-md\",\"agent\":\"claude-code\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."},{"id":"cursor","label":"Cursor","kind":"agent-prompt","value":"Turn \"website-to-design-md\" from https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"paidax01-website-to-design-md\",\"task\":\"Install website-to-design-md\",\"agent\":\"cursor\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."}],"handoff_url":"https://www.openagentskill.com/api/skills/paidax01-website-to-design-md/install","manifest_url":"https://www.openagentskill.com/api/registry/manifest/paidax01-website-to-design-md"},"trust":{"score":63,"label":"Manual review","version":"trust-score-v4","install_policy":"human_review_before_install","evidence":{"stars":"409 GitHub stars","repoActivity":"409 stars, 34 forks","lastPushed":"Pushed today","license":"Unknown","repository":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md","install":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","installSafety":"standard package or runtime install path","permissionSurface":"secrets or environment access, shell or command execution","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"outcome_evidence":{"total":0,"successes":0,"failures":0,"not_relevant":0,"success_rate":null,"recent_success_rate":null,"recent_failure_rate":null,"install_attempts":0,"install_success_rate":null,"risk_blocked":0,"setup_required":0,"avg_output_quality":null,"production_outcomes":0,"last_outcome_at":null,"label":"No agent outcome data yet"},"auto_install":{"allowed":false,"sandbox_required":true,"reason":"Human review or sandbox validation is required before automatic installation."},"best_for":["research","agent-skill"],"known_risks":["Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","License is unclear","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata","License clarity: Unknown","Dependency/runtime risk: command execution surface, credential or environment access","Permission surface: secrets or environment access, shell or command execution"]},"agent_proven":{"version":"agent-proven-v1","score":0,"tier":"unproven","label":"Needs first agent run","summary":"No agent outcome reports yet. Use Resolve, run one narrow sandbox task, then report the result.","metrics":{"totalOutcomes":0,"successfulOutcomes":0,"failedOutcomes":0,"installAttempts":0,"installSuccessRate":null,"successRate":null,"recentSuccessRate":null,"recentFailureRate":null,"riskBlocked":0,"setupRequired":0,"notRelevant":0,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"uniqueAgents":0,"lastOutcomeAt":null},"signals":[],"penalties":["No real agent outcome evidence yet"]},"audit":{"score":73,"risk_level":"needs_review","risk_label":"Needs review","warnings":["License is unclear","Dependency or permission surface needs review","Permission surface may require sandboxing","Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","Skill depends on `agent-browser`, a third-party tool that may not be pre-installed; installation instructions are provided but could be more explicit about system requirements.","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata"]},"safety_gate":{"tier":"blocked","label":"Blocked for auto-install","auto_install_policy":"block","auto_install_allowed":false,"human_review_required":true,"blocked":true,"recommended_action":"Do not auto-install. Inspect the source, dependencies, and permission surface first."},"quality":{"score":68,"label":"Promising"},"supply":{"track":"Research and knowledge work","scenario":"Research agents","maintenance":"Pushed today","risk":"Needs review"},"alternative_skills":[],"do_not_use_when":["teams that need a vendor-supported SLA","production agents without a repository review","Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","High-risk permission hints: Shell or command execution, Secrets or environment access","License is unclear","Dependency or permission surface needs review","Permission surface may require sandboxing","Skill depends on `agent-browser`, a third-party tool that may not be pre-installed; installation instructions are provided but could be more explicit about system requirements."],"agent_contract":{"task_input":"Use website-to-design-md in an agent workflow","recommended_action":"Do not auto-install. Inspect the source, dependencies, and permission surface first.","install_policy":"block","minimum_review_before_use":["Trust: 63/100 Manual review","Audit: 73/100 Needs review","Safety: 29/100 Avoid automatic install","Review repository, license, install command, and permission surface before production use."],"expected_agent_output":{"selected_skill":"paidax01-website-to-design-md (website-to-design-md)","install_command":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","risk_summary":"Needs review; Blocked for auto-install; Review before production","verification_result":"Report the smallest successful task, files touched, warnings, and any missing setup."}},"outcome_feedback":{"endpoint":"https://www.openagentskill.com/api/agent/outcome","method":"POST","requires_resolve_event_id":true,"event_id_source":"Use install_receipt.outcome_feedback.event_id or feedback.event_id returned by /api/agent/resolve for the current task.","expected_outcomes":["success","failed","not_relevant","blocked_by_risk","setup_required"],"payload_template":{"event_id":"<install_receipt.outcome_feedback.event_id or feedback.event_id from /api/agent/resolve>","skill_slug":"paidax01-website-to-design-md","task":"Use website-to-design-md in an agent workflow","agent":"codex","outcome":"success","install_used":true,"risk_blocked":false,"setup_required":false,"task_success":true,"output_quality":4,"error_type":null,"human_review_required":false,"workspace":"sandbox","time_to_useful_ms":120000,"notes":"Report the smallest successful task, setup friction, files touched, and risk notes."}},"endpoints":{"web":"https://www.openagentskill.com/skills/paidax01-website-to-design-md","api":"https://www.openagentskill.com/api/agent/skills/paidax01-website-to-design-md","audit":"https://www.openagentskill.com/skills/paidax01-website-to-design-md/audit","eval":"https://www.openagentskill.com/api/agent/evals?slug=paidax01-website-to-design-md&task=Use%20website-to-design-md%20in%20an%20agent%20workflow&max_risk=medium","resolve":"https://www.openagentskill.com/api/agent/resolve?task=Use%20website-to-design-md%20in%20an%20agent%20workflow&agent=codex&max_risk=medium","receipt":"https://www.openagentskill.com/api/agent/receipt?task=Use%20website-to-design-md%20in%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text","install":"https://www.openagentskill.com/api/skills/paidax01-website-to-design-md/install","manifest":"https://www.openagentskill.com/api/registry/manifest/paidax01-website-to-design-md"}},"supply_profile":{"track":{"slug":"research","label":"Research and knowledge work","shortLabel":"Research","description":"Deep research, source comparison, literature review, RAG, knowledge search, and reports."},"scenario":{"label":"Research agents","description":"I need my agent to research a topic, compare sources, and produce a concise report.","useCases":[{"slug":"research-agents","title":"Research agents"},{"slug":"local-desktop","title":"Local desktop"},{"slug":"web-scraping","title":"Web scraping"}]},"applicableAgents":["Claude Code","OpenAI Agents","Cursor","Browser agents","CLI"],"install":{"ready":true,"command":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","primaryTarget":"CLI","targetCount":4},"githubQuality":{"stars":409,"starsLabel":"409","forks":34,"license":"Unknown","qualityScore":68,"trustScore":63,"auditScore":73},"maintenance":{"status":"fresh","label":"Pushed today","daysSincePush":0,"lastPushedAt":"2026-08-22T21:19:24+00:00"},"risk":{"level":"needs_review","label":"Needs review","requiresReview":true,"notes":["License is unclear","Dependency or permission surface needs review","Permission surface may require sandboxing","Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","Skill depends on `agent-browser`, a third-party tool that may not be pre-installed; installation instructions are provided but could be more explicit about system requirements."]},"coverageTags":["Research","Research agents","agent-skill"]},"audit":{"audit_score":73,"risk_level":"needs_review","risk_label":"Needs review","quality_score":68,"trust_score":63,"maintenance_score":100,"security_score":64,"install_score":92,"warnings":["License is unclear","Dependency or permission surface needs review","Permission surface may require sandboxing","Repository license is unknown; no LICENSE file detected, which may hinder reuse and attribution.","Skill depends on `agent-browser`, a third-party tool that may not be pre-installed; installation instructions are provided but could be more explicit about system requirements.","Quality score needs review","Permission surface needs review: secrets or environment access, shell or command execution","Stars/forks activity: 409 stars, 34 forks; issue activity unavailable in current metadata","License clarity: Unknown","Dependency/runtime risk: command execution surface, credential or environment access","Permission surface: secrets or environment access, shell or command execution"]},"quality_signals":{"model":"v2","star_score":18.29,"usage_score":0,"review_score":4.95,"metadata_score":3,"freshness_score":15},"platforms":["Claude Code","OpenAI Agents","Cursor","Browser agents"],"use_cases":[{"slug":"research-agents","title":"Research agents","url":"https://www.openagentskill.com/use-cases/research-agents"},{"slug":"local-desktop","title":"Local desktop","url":"https://www.openagentskill.com/use-cases/local-desktop"},{"slug":"web-scraping","title":"Web scraping","url":"https://www.openagentskill.com/use-cases/web-scraping"},{"slug":"browser-automation","title":"Browser automation","url":"https://www.openagentskill.com/use-cases/browser-automation"}],"stacks":[{"slug":"research-report-agent","title":"Research report agent","url":"https://www.openagentskill.com/collections/research-report-agent"},{"slug":"web-data-pipeline","title":"Web data pipeline","url":"https://www.openagentskill.com/collections/web-data-pipeline"},{"slug":"browser-qa-agent","title":"Browser QA agent","url":"https://www.openagentskill.com/collections/browser-qa-agent"}],"install":"npx skills add Paidax01/web-to-design-md --skill website-to-design-md","install_targets":[{"id":"openagentskill-cli","label":"CLI","title":"OpenAgentSkill CLI","kind":"command","value":"npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install paidax01-website-to-design-md","description":"Resolve policy, run the source installer safely, and report a verified install receipt.","copyLabel":"Copy command"},{"id":"codex","label":"Codex","title":"Codex install prompt","kind":"agent-prompt","value":"Install the \"website-to-design-md\" agent skill from https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"paidax01-website-to-design-md\",\"task\":\"Install website-to-design-md\",\"agent\":\"codex\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.","description":"Give Codex a repo-aware install prompt when the skill is not available through a local CLI.","copyLabel":"Copy prompt"},{"id":"claude-code","label":"Claude Code","title":"Claude Code skill prompt","kind":"agent-prompt","value":"Add \"website-to-design-md\" as a Claude Code skill from https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"paidax01-website-to-design-md\",\"task\":\"Install website-to-design-md\",\"agent\":\"claude-code\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.","description":"Use this prompt to ask Claude Code to add the skill and explain the local activation steps.","copyLabel":"Copy prompt"},{"id":"cursor","label":"Cursor","title":"Cursor rule prompt","kind":"agent-prompt","value":"Turn \"website-to-design-md\" from https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with `agent-browser` and `agent-browser eval`, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and asked to analyze a site, reverse-engineer its design, extract its look and feel, write DESIGN.md, create a style guide, or capture a site's UI rules for later AI-assisted design or implementation. Prefer this skill when the goal is documentation rather than rebuilding the page in code. Always use `agent-browser` as the primary browser runtime; if it is missing, help the user install or expose it instead of switching platforms or browser stacks. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"paidax01-website-to-design-md\",\"task\":\"Install website-to-design-md\",\"agent\":\"cursor\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.","description":"Use this when installing as Cursor project rules or reusable agent instructions.","copyLabel":"Copy prompt"}],"repository":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md","github_repo":"Paidax01/web-to-design-md","version":"1.0.0","license":"Unknown","urls":{"web":"https://www.openagentskill.com/skills/paidax01-website-to-design-md","repository":"https://github.com/Paidax01/web-to-design-md/blob/main/SKILL.md","api":"/api/agent/skills/paidax01-website-to-design-md","install_api":"/api/skills/paidax01-website-to-design-md/install"},"meta":{"created_at":"2026-08-21T12:51:34.94447+00:00","updated_at":"2026-08-23T00:50:55.497118+00:00","agent_friendly":true}}