Curated toolbox
Third-party tools and useful sites, organized by category. Explore what each resource offers and how it can help when building digital products.
Patterns, icons, and visual resources for interfaces and digital products.
Agent skill
An agent skill for creating interactive isometric illustrations of machines and complex systems in SVG, with optional WebGL and 3D effects.
Why it stands out
Useful for explaining technical concepts through detailed illustrations in documentation, articles, and web pages.
License
Design skill collection
A collection of design skills for AI coding agents, currently including landing-page-design for intake, page structure, conversion copy, and a complete visual system.
Why it stands out
Useful for guiding an agent from a landing-page brief to consistent typography, spacing, and motion.
License
Agent skill
An agent skill that builds immersive landing pages with scroll-controlled camera flights through AI-generated scenes, using images and video.
Why it stands out
Useful for visual brand storytelling. Image and video generation require external services and incur costs; the MIT license covers the skill itself.
License
SVG patterns
A collection of minimal, generative, customizable SVG patterns, from geometric grids to organic compositions.
Why it stands out
Useful for exploring backgrounds and visual textures that can adapt to a product’s identity.
Animated icons and UI
Animated React primitives and icons for adding motion to interfaces built with Radix UI, Base UI, or React Aria.
Why it stands out
A useful starting point for exploring icon motion and component interactions within an existing interface.
Icons and UI kits
An icon library, Figma UI kits, and React components for designing interfaces, with free resources and paid collections.
Why it stands out
Useful for keeping icons and interface elements visually consistent across design and development.
3D icons
A collection of 3D icons and renders for visual design, with free and premium resources.
Why it stands out
Useful for adding depth to landing pages, presentations, and product illustrations.
Tools for explaining systems, processes, and relationships with agents, text, or a visual editor.
Agent-assisted diagrams
An open-source agent skill for turning system descriptions or codebases into interactive HTML diagrams, including architecture, workflows, and sequences.
Why it stands out
Useful for exploring a system and sharing a self-contained interactive explanation. Agent or model usage may have its own costs.
License
Diagrams as code
An open-source JavaScript library that renders flowcharts, sequence diagrams, and other visuals from text definitions inspired by Markdown.
Why it stands out
Useful for keeping diagrams alongside documentation and reviewing changes in Git. The MIT-licensed library is distinct from paid hosted services.
License
Visual diagram editor
A visual editor for flowcharts, architecture, UML, and other diagrams, available in the browser and as a desktop application.
Why it stands out
Useful for arranging shapes and connections directly on a canvas. The free web editor needs no signup and supports editable files and image exports.
License
Libraries and tools for building interfaces, maps, and data visualizations.
Open source
Ready-to-use, customizable map components for React, powered by MapLibre GL and designed to fit naturally into shadcn/ui projects.
Why it stands out
It lowers the cost of adding polished geospatial experiences without hiding the underlying map engine — a useful balance between speed and control.
License
Open source
A framework that generates pixel-accurate loading skeletons from the real interface across multiple breakpoints and frontend frameworks.
Why it stands out
It turns a repetitive, drift-prone design task into build tooling, keeping loading states aligned with the product as the interface evolves.
License
Open source
A foundational JavaScript library for building dynamic, data-driven visualizations with web standards such as SVG, Canvas, and HTML.
Why it stands out
Its low-level primitives preserve control over interaction, composition, and performance when prebuilt chart components become a constraint.
License
Libraries and tools for working with images, video, and computer vision model outputs.
Open source
A Python library by Roboflow for annotating images and video, tracking objects, counting detections in zones, and managing datasets. It works with predictions from compatible detection and segmentation models.
Why it stands out
Reusable utilities connect model predictions to application logic, reducing repetitive work in video analysis and dataset preparation.
License
Tools for organizing publishing and repeatable content workflows.
Open source
An open-source, self-hostable platform for scheduling social content, collaboration, analytics, and AI-assisted publishing across channels.
Why it stands out
It offers an ownable content-operations layer with an API and automation integrations — useful infrastructure for repeatable, agent-enabled workflows.
License
Incident reports and useful reading for architecture and reliable systems.
Incident reports
A curated collection of public postmortems, grouped by failure type and linked to the original reports.
Why it stands out
Useful for studying real failures and informing decisions about architecture, operations, and recovery.
A $0/month target using recurring free tiers and provider subdomains. Domains, databases, and external APIs can add costs.
Web deployment
A platform for deploying web projects with Git integration and preview URLs.
Why it stands out
Useful for sharing personal frontend prototypes quickly.
Target: $0/month
Hobby: $0/month for eligible personal PoCs.
Reviewed:
Static hosting
Git-connected hosting for static sites, with preview deployments and optional Pages Functions.
Why it stands out
A useful fit for sharing static demos and frontend proofs of concept.
Target: $0/month
Free: $0/month for static PoCs within plan limits.
Reviewed:
Container hosting
Managed container hosting for web applications and APIs that can scale down to zero instances.
Why it stands out
Useful when a proof of concept needs a backend or a container runtime.
Target: $0/month
A $0/month target within the free tier, not a guaranteed zero bill.
Reviewed:
A hosted data layer to complement PoC hosting and CI/CD, targeting $0/month within each provider’s free allowances.
PostgreSQL backend
A hosted PostgreSQL platform with SQL, authentication, APIs, and file storage for building application backends.
Why it stands out
Useful for a proof of concept with relational data and backend features in one place.
Target: $0/month
Free: $0/month within the included allowances.
Reviewed:
Document database
A managed MongoDB service for storing document data, with a shared Free cluster for learning and small prototypes.
Why it stands out
Useful when a proof of concept fits a document model rather than relational tables.
Target: $0/month
Free/M0: $0 with 512 MB storage and shared resources.
Reviewed:
Automate builds, tests, and deployments while staying within free allowances.
CI/CD
Build, test, and deploy from Bitbucket repositories using YAML pipelines.
Why it stands out
Useful for adding a small automated validation and deployment workflow to a Bitbucket PoC.
Target: $0/month
Free: $0/month within included build minutes.
Reviewed:
CI/CD
Automate builds, tests, and deployments directly from a GitHub repository.
Why it stands out
Useful for keeping a proof of concept reproducible from its first commit.
Target: $0/month
A $0/month target with standard runners and included usage.
Reviewed:
Web search, source-content retrieval, and structured search-engine results for agents and applications.
Independent-index web search
Web search from Brave’s own index, returning URLs and snippets with country, language, and freshness filters.
Why it stands out
Useful for discovering sources with structured results. Web Search snippets differ from the separate LLM Context endpoint for agents.
Access and costs
Search: US$5 per 1,000 requests, with US$5 in free credits every month.
Reviewed:
Web search and content retrieval
A web search API with optional page text and highlights in the results, plus domain and publication-date filters.
Why it stands out
Useful for finding sources and retrieving readable context for agents and RAG workflows in one request.
Access and costs
Free: US$10 in credits per month, plus a one-time US$10 onboarding bonus; no payment method required.
Reviewed:
Structured web search
A web search API returning structured results with optional page content, alongside a separate Fetch API for retrieving Markdown.
Why it stands out
Useful for supplying agents and RAG workflows with current sources and query filters.
Access and costs
Published rate: US$0.75 per 1,000 successful Search requests.
Reviewed:
Search and content extraction
Web search returning titles, URLs, and descriptions, with optional extraction of full pages into Markdown or HTML.
Why it stands out
Useful when an agent needs to discover sources and retrieve readable content in the same workflow.
Access and costs
Free: 1,000 credits/month, with no card required.
Reviewed:
Search-engine results
A third-party API for structured search-engine results, including Google, with location, country, and language parameters.
Why it stands out
Useful for exploring search results in a specific context. This third-party search endpoint returns result-page data; retrieving destination-page content is a separate step.
Access and costs
Free: 250 searches/month, up to 50 searches/hour.
Reviewed:
A practical technology landscape shaped by architecture, product delivery, automation, and operating systems in production.
Agentic development tools and patterns for building AI-enabled workflows and knowledge systems.
Cloud platforms and containerized services designed for reliable, cost-aware operation.
Languages and frameworks for web, backend, automation, and cross-platform products.
Relational, vector, and content platforms that support applications and AI retrieval.
Administration and operation across open-source and enterprise server environments.
Automated build, validation, and deployment pipelines that make delivery repeatable.