How rajairfanahmed/irfanlovefront works
irfanlovefront combines a multi-agent installer for a documented 14-skill engineering suite with an extract-tool website-section capture application. The installer selects agent targets and installation scope, then delegates to agent-specific installers; the README describes the suite’s PRD, backend, frontend, and documentation stages. The extraction app accepts a URL and capture options, then captures sections and returns a ZIP. Job-based capture and its supporting gates are visible in sampled server code, but the job API route wiring and several UI interactions are not shown, so those links are omitted.
Main entry points: captureEngine.ts Multi-page capture · index.js Installer CLI · jobManager.ts Job orchestration · DesignCaptureCard.tsx Capture workstation
Components 25
Skills Installer
- Installer CLI
src/index.js - CLI banner
src/utils/banner.js - Claude installer
src/agents/claude.js - Windsurf installer
src/agents/windsurf.js - Other agent installers
src/agents
Engineering Skills
- PRD discovery
README.md - Backend engineering
README.md - Frontend pipeline
README.md - Documentation skill
README.md
Website Capture
- Single-page capture
extract-tool/src/server/extractorEngine.ts - Job orchestration
extract-tool/src/server/jobManager.ts - Multi-page capture
extract-tool/src/server/captureEngine.ts - ZIP packaging
extract-tool/src/utils/zipGenerator.ts - Extraction data types
extract-tool/src/types/extractor.ts
Capture Analysis
- URL validation
extract-tool/src/server/urlValidator.ts - Page discovery
extract-tool/src/server/pageDiscovery.ts - Readiness checks
extract-tool/src/server/readinessGate.ts - Site profiling
extract-tool/src/server/siteProfileDetector.ts - Section naming
extract-tool/src/server/sectionNamer.ts - Capture quality gate
extract-tool/src/server/qualityGate.ts
Extraction Interface
- Capture workstation
extract-tool/src/components/workstation/DesignCaptureCard.tsx - Extraction endpoint
extract-tool/src/app/api/extract/route.ts - Sample site data
extract-tool/src/data/siteData.ts
Other components
- CLI user
- Target website
Connections 23
- CLI user → Installer CLI: runs
README.md - Installer CLI → CLI banner: prints
src/index.js - Installer CLI → Claude installer: dispatches
src/index.js - Installer CLI → Windsurf installer: dispatches
src/index.js - Installer CLI → Other agent installers: dispatches
src/index.js - PRD discovery → Backend engineering: precedes
README.md - Backend engineering → Frontend pipeline: provides contracts
README.md - Frontend pipeline → Documentation skill: followed by
README.md - CLI user → Capture workstation: configures
- Capture workstation → Extraction endpoint: submits request
- Extraction endpoint → Single-page capture: runs
extract-tool/src/app/api/extract/route.ts - Target website → Single-page capture: is captured
- Job orchestration → URL validation: validates URL
extract-tool/src/server/jobManager.ts - Job orchestration → Page discovery: discovers pages
extract-tool/src/server/jobManager.ts - Job orchestration → Multi-page capture: runs capture
extract-tool/src/server/jobManager.ts - Multi-page capture → Readiness checks: checks readiness
extract-tool/src/server/captureEngine.ts - Multi-page capture → Site profiling: detects profiles
extract-tool/src/server/captureEngine.ts - Multi-page capture → Section naming: names sections
extract-tool/src/server/captureEngine.ts - Multi-page capture → Capture quality gate: uses quality gate
extract-tool/src/server/captureEngine.ts - Multi-page capture → ZIP packaging: packages captures
extract-tool/src/server/captureEngine.ts - Extraction endpoint → Extraction data types: uses request types
extract-tool/src/app/api/extract/route.ts - Single-page capture → Extraction data types: uses data types
extract-tool/src/server/extractorEngine.ts - Capture workstation → Sample site data: uses sample data