CommunityPesquisa e Análise de Dadosgithub.com

firecrawl/firecrawl-extrair-design-de-site

Extraia o sistema de design de qualquer site em um DESIGN.md pronto para agentes de IA usando evidências de raspagem do Firecrawl. Use quando o usuário desejar cores, fontes, espaçamentos, componentes, padrões de layout ou orientações de marca/UI de um site para que agentes de IA possam criar novos sites, clonar uma aparência ou construir páginas inspiradas nesse design.

O que é firecrawl-extrair-design-de-site?

Esta skill permite que agentes de IA, como Claude Code, Cursor ou Codex, extraiam automaticamente informações detalhadas de design de qualquer site e as convertam em um arquivo DESIGN.md estruturado. Ela utiliza o Firecrawl para raspar o conteúdo do site, coletando evidências visuais e de código sobre cores, fontes, espaçamentos, componentes e padrões de layout. É particularmente útil quando um desenvolvedor ou designer deseja clonar o estilo visual de um site existente ou criar um novo site inspirado nesse design, sem precisar inspecionar manualmente cada elemento. A skill também fornece orientações sobre a identidade visual e padrões de UI, tornando o processo de design mais rápido e automatizado para agentes de IA.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/firecrawl/firecrawl-workflows/tree/main/skills/firecrawl-website-design-clone

Installed? Explore more Pesquisa e Análise de Dados skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que firecrawl-extrair-design-de-site faz?

Extraia o sistema de design de qualquer site em um DESIGN.md pronto para agentes de IA usando evidências de raspagem do Firecrawl. Use quando o usuário desejar cores, fontes, espaçamentos, componentes, padrões de layout ou orientações de marca/UI de um site para que agentes de IA possam criar novos sites, clonar uma aparência ou construir páginas inspiradas nesse design.

Individual skills in this repo

This repo contains 15 individual skills — each has its own dedicated page.

firecrawl/firecrawl-company-directories

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.

firecrawl/firecrawl-competitive-intel

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.

firecrawl/firecrawl-dashboard-reporting

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.

firecrawl/firecrawl-deep-research

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.

firecrawl/firecrawl-demo-walkthrough

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.

firecrawl/firecrawl-knowledge-base

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.

firecrawl/firecrawl-knowledge-ingest

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.

firecrawl/firecrawl-lead-gen

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.

firecrawl/firecrawl-lead-research

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.

firecrawl/firecrawl-market-research

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.

firecrawl/firecrawl-qa

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.

firecrawl/firecrawl-research-papers

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.

firecrawl/firecrawl-seo-audit

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.

firecrawl/firecrawl-shop

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.

firecrawl/firecrawl-workflows

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.

Habilidades Relacionadas