QAFlows CuratedIntermediate
Make your app usable by everyone: keyboard, contrast, labels, focus, and screen-reader basics.
- 01Keyboard-only audit
- 02Fix keyboard operability
- 03Contrast and visual pass
- ··+2 more steps to Done
5 steps60-90 minutes
Agent ArchitectureFlows CuratedIntermediate
Give your agent the planning discipline of the leading harnesses: an explicit, model-visible todo list that survives long tasks.
- 01Design the todo data model and tool
- 02Render the plan into context every turn
- 03Enforce plan-first and completion gates
- ··+1 more steps to Done
4 steps60-90 minutes
App BuilderGenerated DraftIntermediate
Build a real invite flow for a SaaS app so existing users can invite teammates by email, store invite records, validate tokens, accept invitations, and join the correct workspace with proper permissions.
- 01Audit the current auth and workspace model
- 02Add the invite data model and migration
- 03Build secure invite creation on the server
- ··+6 more steps to Done
9 steps60-120 minutes
App BuilderGenerated DraftIntermediate
Implement a persistent activity timeline with backend storage, API, and UI integration
- 01Define Activity data model
- 02Create server‑side API endpoints
- 03Emit activity events from key actions
- ··+3 more steps to Done
6 steps60-90 minutes
App BuilderGenerated DraftIntermediate
Integrate dynamic meta tags, Open Graph, sitemap.xml, and robots.txt with real persistence
- 01Audit existing routes for SEO data
- 02Add dynamic meta tags with Helmet
- 03Add Open Graph and Twitter Card tags
- ··+3 more steps to Done
6 steps45-75 minutes
App BuilderGenerated DraftIntermediate
Implement a persistent dark mode switch in the existing app.
- 01Create Theme Context
- 02Define Light/Dark CSS Variables
- 03Build DarkModeToggle Component
- ··+3 more steps to Done
6 steps45-75 minutes
DebuggingFlows CuratedBeginner
Your app forgets everything on refresh: move state into a real database with working CRUD.
- 01Inventory unpersisted state
- 02Design models and endpoints
- 03Wire writes to the backend
- ··+2 more steps to Done
5 steps45-75 minutes
App BuilderGenerated DraftIntermediate
Implement a real, persistent one‑to‑one chat system in the existing app
- 01Design Message & Conversation Data Model
- 02Create API Endpoints for Messaging
- 03Persist Messages and Update Read Status
- ··+4 more steps to Done
7 steps90-120 minutes
Memory & ContextFlows CuratedBeginner
Give your agent durable memory with plain files - the radical-minimalism approach production practitioners keep converging on.
- 01Design the memory file structure
- 02Load memory at session start
- 03Build the guarded memory_update tool
- ··+1 more steps to Done
4 steps45-75 minutes
App BuilderGenerated DraftIntermediate
Integrate real Google and GitHub OAuth flows into the existing Node/Express app with persistent user records and session handling.
- 01Install OAuth dependencies
- 02Create .env entries and load them
- 03Configure Passport and session serialization
- ··+5 more steps to Done
8 steps60-90 minutes
App BuilderGenerated DraftIntermediate
Integrate a backend image upload endpoint that resizes images and stores them, plus a front‑end component to use it.
- 01Install dependencies & configure storage
- 02Create backend upload endpoint
- 03Resize image with Sharp
- ··+3 more steps to Done
6 steps60-90 minutes
App BuilderGenerated DraftIntermediate
Integrate multilingual support with language selection and persisted user preference.
- 01Integrate i18n library
- 02Create translation resource files
- 03Refactor UI components to use translation function
- ··+3 more steps to Done
6 steps45-75 minutes
DebuggingFlows CuratedBeginner
Eliminate silent failures and frozen screens: add loading, empty, and error states across the whole app.
- 01Inventory async surfaces
- 02Add loading states
- 03Add error states with retry
- ··+2 more steps to Done
5 steps30-60 minutes
App BuilderGenerated DraftIntermediate
Integrate a secure email‑based magic‑link authentication flow into the existing Node/Express app.
- 01Configure Email Service
- 02Create Magic‑Link Token Store
- 03Implement Magic‑Link Request Endpoint
- ··+3 more steps to Done
6 steps60-90 minutes
App BuilderGenerated DraftIntermediate
Integrate a full‑stack commenting and threading feature into the existing app with real database persistence and UI.
- 01Create comment and thread data models
- 02Implement comment & thread API endpoints
- 03Add backend logic for threaded replies
- ··+3 more steps to Done
6 steps2-4 hours
App BuilderGenerated DraftIntermediate
Integrate a real, searchable index into the current app with a backend API and UI component.
- 01Determine searchable entities and choose engine
- 02Create migration to add tsvector columns and GIN indexes
- 03Implement backend search endpoint
- ··+2 more steps to Done
5 steps1-2 hours
App BuilderGenerated DraftIntermediate
Integrate a real, persistent rate limiting system into the current application.
- 01Identify Stack and Request Entry Point
- 02Choose and Install a Persistent Rate Limiting Library
- 03Create a Persistent Store Configuration
- ··+5 more steps to Done
8 steps60-90 minutes
App BuilderGenerated DraftIntermediate
Integrate configurable, signed webhooks that fire on key app events with reliable persistence and retry.
- 01Create webhook configuration model and migration
- 02Add REST API endpoint to register webhooks
- 03Implement webhook dispatch service with retries and signatures
- ··+3 more steps to Done
6 steps2-3 hours
App BuilderGenerated DraftIntermediate
Integrate Firebase Cloud Messaging so users receive real push notifications and tokens are persisted in the backend.
- 01Create Firebase Project & Obtain Credentials
- 02Add FCM Client Library and Configure Android Build
- 03Implement Permission Request & Token Retrieval on Device
- ··+4 more steps to Done
7 steps2-3 hours
App BuilderGenerated DraftIntermediate
A step-by-step flow for implementing real-time online, offline, and typing presence in a chat app using WebSockets, including backend presence tracking, frontend updates, reconnect handling, and verification.
- 01Inspect the existing chat architecture and choose presence data flow
- 02Define the presence event contract and server-side state model
- 03Implement authenticated WebSocket connection handling on the server
- ··+7 more steps to Done
10 steps60-120 minutes
App BuilderGenerated DraftIntermediate
Implement a real, persistent search feature across the app’s primary data list.
- 01Inspect Existing Data Model and API
- 02Create a Search API Endpoint
- 03Add Search Bar UI Component
- ··+3 more steps to Done
6 steps45-90 minutes
App BuilderGenerated DraftIntermediate
Build a real team invitation system for a SaaS app, including invite creation, email/share flow, acceptance, membership creation, role assignment, validation, and end-to-end testing.
- 01Audit Existing Team, User, and Auth Models
- 02Add Invitation Data Model and Migration
- 03Implement Secure Invite Creation API
- ··+7 more steps to Done
10 steps60-120 minutes
App BuilderGenerated DraftIntermediate
Integrate real TOTP two‑factor authentication into an existing app with full persistence and verification.
- 01Locate and back up the user authentication module
- 02Add a TOTP secret field to the User model
- 03Create an enrollment endpoint that generates a TOTP secret and QR code
- ··+3 more steps to Done
6 steps45-90 minutes
App BuilderGenerated DraftIntermediate
Integrate real transactional email capability into the existing app using SendGrid (or similar) with persistent templates and an API endpoint.
- 01Configure Email Service Credentials
- 02Create Persistent Email Template Storage
- 03Implement Transactional Email Service
- ··+3 more steps to Done
6 steps45-90 minutes