How to vibe codeFeedly

Prerequisites

• Node.jsfree

  Runtime environment for the Next.js full-stack application and scraper background jobs

• GitHubfree

  Source control and automated deployments via Vercel

• Anthropic APIPay-as-you-go (~$10-30/mo)

  Powering the Ask AI summarization and entity extraction agents

AI coding tools

• Claude Code

  Unmatched agentic capability for scaffolding multi-file Next.js apps, writing complex parsing scripts, and debugging async ingestion pipelines

• Cursor

  Ideal for fine-tuning frontend dashboard components, data tables, and interactive card layouts

Build guide

1. 01Project Scaffolding & Database Schema

   Initialize the Next.js 16 project with Tailwind CSS, shadcn/ui, and Supabase PostgreSQL with pgvector configured for threat articles and IoCs.

   Create a new Next.js 16 project using the App Router, TypeScript, and Tailwind CSS. Initialize shadcn/ui and set up a Supabase client connection. Write a robust database schema in SQL for a threat intelligence platform with tables for: sources (id, name, url, type), articles (id, source_id, title, content, url, published_at, raw_json), entities (id, name, type [cve, threat_actor, malware, ttp]), article_entities (article_id, entity_id), and boards (id, user_id, title, description, saved_items). Include pgvector extension and an embedding column on articles for semantic similarity search. Ensure proper foreign keys, indexes on foreign keys and timestamps, and Row Level Security policies where appropriate.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02RSS & Web Ingestion Pipeline

   Implement an automated ingestion engine using Inngest and Firecrawl to poll RSS feeds and scrape security advisory sites.

   Build a robust ingestion background job using Inngest and Firecrawl integration. Create an API route and cron trigger that iterates through active sources, fetches RSS XML or crawls web pages using Firecrawl to extract clean markdown content, deduplicates articles by URL hash, and inserts them into the Supabase articles table. Implement error handling, exponential backoff for rate limits, and logging for failed scrapes. Write a helper function that triggers an LLM extraction pass upon successful article insertion to identify and link CVEs, threat actors, and TTPs.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03AI Entity Extraction & Intel Cards

   Develop the AI pipeline that extracts structured CTI metadata and powers CVE/Threat Actor Insights Cards.

   Implement an AI extraction pipeline using the Anthropic API (Claude Sonnet). When a new article is ingested, send its text to Claude with structured JSON output mode to extract: summary, sentiment, severity score (1-10), CVSS estimate, and arrays of detected entities (CVEs, malware, threat actors, MITRE TTPs). Store these extracted attributes in relational tables linked to the article. Build React UI components for Insights Cards that display article trend graphs over time, associated threat actors, timeline of mentions, and deep source citations linking back to original paragraphs.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04AI Feeds & Custom Entity Lists

   Build the query builder interface enabling users to create custom AI Feeds filtered by tech stack, CVE threshold, or threat actor.

   Create an 'AI Feeds' dashboard view in Next.js where users can define custom intelligence requirements using natural language or filter rules (e.g., CVEs with CVSS >= 8.0, matching custom tech stack entity lists like 'Kubernetes', 'Apple', 'Fortinet'). Implement the backend filtering logic that queries the Supabase database using both relational tags and vector embeddings to surface matching articles in real time. Include UI elements to save articles to Team Boards and trigger downstream webhooks.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Ask AI RAG & Report Builder

   Implement the Ask AI research panel with grounded source citations and automated newsletter generation.

   Build an 'Ask AI' slide-over drawer and Report Builder interface in the dashboard. Implement a Retrieval-Augmented Generation (RAG) backend route that searches across ingested articles and threat graphs using pgvector similarity, feeds context into Claude with strict system instructions to cite source articles inline, and streams the response back to the client. Add a 'Generate Briefing' feature that compiles selected board items into a formatted executive summary or weekly newsletter template with export options for Markdown and HTML.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Integrations & Export APIs

   Add webhook dispatching for Jira, Slack alerts, and a lightweight STIX/MCP server endpoint.

   Build an integrations settings and webhook dispatch engine. Implement server actions that trigger when an article is added to a designated 'Transfer' board, automatically formatting a payload and sending it to a configured Slack webhook URL or creating a mock Jira issue ticket via API. Additionally, create a developer API route adhering to a basic STIX 2.1 JSON structure to export indicators of compromise (IoCs), along with an MCP (Model Context Protocol) server endpoint exposing tools to query the local Threat Graph.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Feedly