Implement FireCrawl reference architecture with best-practice project layout. Use when designing new FireCrawl integrations, reviewing project structure, or establishing architecture standards for FireCrawl applications. Trigger with phrases like "firecrawl architecture", "firecrawl best practices", "firecrawl project structure", "how to organize firecrawl", "firecrawl layout".
View on GitHubjeremylongshore/claude-code-plugins-plus-skills
firecrawl-pack
plugins/saas-packs/firecrawl-pack/skills/firecrawl-reference-architecture/SKILL.md
February 1, 2026
Select agents to install to:
npx add-skill https://github.com/jeremylongshore/claude-code-plugins-plus-skills/blob/main/plugins/saas-packs/firecrawl-pack/skills/firecrawl-reference-architecture/SKILL.md -a claude-code --skill firecrawl-reference-architectureInstallation paths:
.claude/skills/firecrawl-reference-architecture/# FireCrawl Reference Architecture
## Overview
Production-ready architecture patterns for FireCrawl integrations.
## Prerequisites
- Understanding of layered architecture
- FireCrawl SDK knowledge
- TypeScript project setup
- Testing framework configured
## Project Structure
```
my-firecrawl-project/
├── src/
│ ├── firecrawl/
│ │ ├── client.ts # Singleton client wrapper
│ │ ├── config.ts # Environment configuration
│ │ ├── types.ts # TypeScript types
│ │ ├── errors.ts # Custom error classes
│ │ └── handlers/
│ │ ├── webhooks.ts # Webhook handlers
│ │ └── events.ts # Event processing
│ ├── services/
│ │ └── firecrawl/
│ │ ├── index.ts # Service facade
│ │ ├── sync.ts # Data synchronization
│ │ └── cache.ts # Caching layer
│ ├── api/
│ │ └── firecrawl/
│ │ └── webhook.ts # Webhook endpoint
│ └── jobs/
│ └── firecrawl/
│ └── sync.ts # Background sync job
├── tests/
│ ├── unit/
│ │ └── firecrawl/
│ └── integration/
│ └── firecrawl/
├── config/
│ ├── firecrawl.development.json
│ ├── firecrawl.staging.json
│ └── firecrawl.production.json
└── docs/
└── firecrawl/
├── SETUP.md
└── RUNBOOK.md
```
## Layer Architecture
```
┌─────────────────────────────────────────┐
│ API Layer │
│ (Controllers, Routes, Webhooks) │
├─────────────────────────────────────────┤
│ Service Layer │
│ (Business Logic, Orchestration) │
├─────────────────────────────────────────┤
│ FireCrawl Layer │
│ (Client, Types, Error Handling) │
├─────────────────────────────────────────┤
│ Infrastructure Layer │
│ (Cache, Queue, Monitoring) │
└─────────────────────────────────────────┘
```
## Key Components
### Step 1: Client Wrapper
```typescript
/