firecrawl-website-design-clone 是做什麼的?
使用 Firecrawl 抓取證據,將任何網站的設計系統提取為供 AI 代理使用的 DESIGN.md 文件。當使用者想要從某個網站獲取顏色、字體、間距、元件、佈局模式或品牌/UI 指引,以便 AI 代理建立新網站、複製外觀或從該設計中獲得靈感來構建頁面時,請使用此技能。
使用 Firecrawl 抓取證據,將任何網站的設計系統提取為供 AI 代理使用的 DESIGN.md 文件。當使用者想要從某個網站獲取顏色、字體、間距、元件、佈局模式或品牌/UI 指引,以便 AI 代理建立新網站、複製外觀或從該設計中獲得靈感來構建頁面時,請使用此技能。
此技能利用 Firecrawl 的網頁抓取功能,從任何指定的網站中提取完整的設計系統資訊,並生成結構化的 DESIGN.md 文件。開發者或 AI 代理可以根據此文件取得網站的顏色、字體、間距、元件、佈局模式等 UI 設計細節,作為建立新網站或克隆網站視覺風格的基礎。它支援多種 AI 代理平台(如 Claude Code、Cursor、Codex),並以標準化的 markdown 格式輸出,方便代理程式直接解析與應用。此技能特別適用於需要快速複製現有網站設計、進行品牌一致性的 UI 開發,或從參考網站中學習設計模式的場景,能大幅減少手動分析設計系統的時間。
npx skills add https://github.com/firecrawl/firecrawl-workflows/tree/main/skills/firecrawl-website-design-cloneInstalled? Explore more 研究與資料分析 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →
使用 Firecrawl 抓取證據,將任何網站的設計系統提取為供 AI 代理使用的 DESIGN.md 文件。當使用者想要從某個網站獲取顏色、字體、間距、元件、佈局模式或品牌/UI 指引,以便 AI 代理建立新網站、複製外觀或從該設計中獲得靈感來構建頁面時,請使用此技能。
This repo contains 15 individual skills — each has its own dedicated page.
Extract structured company lists from directories with Firecrawl. Use for scraping YC, Crunchbase, Product Hunt, G2, startup directories, category directories, or custom company databases into JSON, CSV, CRM-ready lists, or research tables.
Monitor competitor pricing, features, changelogs, dashboards, and product changes with Firecrawl. Use for recurring competitive intelligence, pricing tier extraction, feature change tracking, or structured competitor alerts.
Pull metrics from analytics dashboards and internal web tools with Firecrawl browser. Use when the user needs dashboard reporting, cross-platform metric summaries, authenticated analytics extraction, date-range reports, or structured metrics from web dashboards.
Run multi-source deep research with Firecrawl. Use when the user asks to research a topic, compare perspectives, produce a sourced briefing, investigate a technical or market question, or synthesize web evidence across many sources.
Walk through a product's key flows with Firecrawl browser and produce a structured UX/product walkthrough. Use for signup, onboarding, pricing, docs, dashboard, product demo prep, UX teardown, and first-run experience analysis.
Build a knowledge base from web content with Firecrawl. Use for local reference docs, RAG-ready chunks, fine-tuning datasets, documentation mirrors, topic corpora, or LLM-ready markdown organized from web sources.
Ingest public or authenticated knowledge bases and docs portals with Firecrawl browser. Use for JS-heavy docs, login-gated portals, paginated help centers, support knowledge bases, or structured JSON/markdown extraction from documentation sites.
Generate structured lead lists from prospect databases and web directories with Firecrawl browser. Use for finding prospects by role, company type, industry, stage, location, technologies, or other criteria and exporting CRM-ready JSON or CSV.
Produce pre-meeting lead intelligence briefs with Firecrawl. Use when the user needs company research, person research, recent news, talking points, pain points, or outreach preparation before a sales call, partnership meeting, investor conversation, or customer interview.
Extract market, financial, earnings, industry, and company metrics with Firecrawl. Use when the user asks for market research, industry trends, public company data, financial comparisons, earnings research, or structured market reports.
QA test a live website with Firecrawl browser and scrape evidence. Use when the user wants exploratory QA, form testing, navigation/link checks, responsive checks, performance observations, bug reports, or a pre-launch quality review.
Find and synthesize research papers, whitepapers, PDFs, technical reports, and academic sources with Firecrawl. Use when the user wants a literature review, paper summary, research landscape, or sourced synthesis from PDFs and scholarly/industry publications.
Audit a website's SEO with Firecrawl. Use when the user asks for an SEO audit, metadata and heading review, sitemap/site-structure analysis, keyword opportunities, competitor SERP comparison, or prioritized search optimization recommendations.
Research products across the web with Firecrawl and produce a shopping recommendation or cart-ready summary. Use when the user wants to compare products, find the best option, evaluate reviews, respect budget/preferences, or shop with a saved browser session.
Run outcome-focused Firecrawl workflows that produce deliverables such as research reports, SEO audits, QA reports, lead lists, knowledge bases, website design systems, and other structured web-data artifacts. Use when the user wants Firecrawl to complete a business, marketing, product, or creative workflow rather than merely scrape a page or integrate API calls into code.
USPTO patent and trademark data workflow for official record lookup, PatentSearch queries, TSDR checks, assignment data, and reproducible IP research logs.
Structured scholarly-work evaluation for papers, proposals, literature reviews, methods sections, evidence quality, citation support, and research-writing feedback.
Systematic literature-review workflow for academic, biomedical, technical, and scientific topics, including search planning, source screening, synthesis, citation checks, and evidence logging.
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Agent skill repository discovered by 10x-chat research.
Review backend code for quality, security, maintainability, and best practices based on established checklist rules. Use when the user requests a review, analysis, or improvement of backend files (e.g., `.py`) under the `api/` directory. Do NOT use for frontend files (e.g., `.tsx`, `.ts`, `.js`). Supports pending-change review, code snippets review, and file-focused review.