Content Calendar — a planning tool for creators and teams

Plan, schedule, and track your content across channels, all in one visual calendar. The agent built a full-featured content calendar app with drag-and-drop scheduling, status tracking, and filters so nothing slips through the cracks.

Overall stats

  • Prompts: 5
  • Time: ~ 10 min
Category
Content & Education
Features
App & ToolDrag & DropProgress TrackingSearch & FiltersForms & InputCustom Design
Author
Macaly
Open in new tab
App & Tool

1. Build the Content Calendar

The agent scaffolded the full content calendar interface — a monthly/weekly grid view, content entry cards, and a clean layout ready for scheduling.

Build a content calendar app for creators and marketing teams. Show a monthly calendar grid where users can create, view, and manage content entries. Each entry should have a title, content type (blog, social, video, newsletter), platform, publish date, and status (draft, scheduled, published). Include a sidebar or panel to add new entries via a form.

Drag & Drop

2. Add Drag-and-Drop Rescheduling

The agent wired up drag-and-drop so users can move content entries between calendar days without opening any form.

Make content entries draggable across the calendar grid so users can reschedule by dragging a card to a different day. Update the publish date automatically when dropped. Keep the interaction smooth with visual feedback during the drag.

Progress Tracking

3. Track Content Status

The agent added status badges and a progress overview so teams can see at a glance how much content is drafted, scheduled, or published.

Add a status tracking system. Each content entry should show a color-coded status badge: Draft (grey), Scheduled (blue), Published (green). Add a small summary bar or dashboard widget at the top showing counts per status for the current month.

Search & Filters

4. Filter and Search Content

The agent built filter controls that let users narrow the calendar by platform, content type, or status — plus a search bar for finding entries by title.

Add filtering and search to the calendar. Let users filter entries by platform (Instagram, Twitter, LinkedIn, YouTube, Blog), content type, and status. Add a search bar that filters entries by title in real time. Filters should stack — selecting multiple filters narrows results further.

Custom Design

5. Polish the Visual Design

The agent refined the UI with a consistent color system, clean typography, and a professional look suited for a daily planning tool.

Redesign the app to feel like a polished SaaS product. Use a white and light grey background, a strong accent color for interactive elements, clean sans-serif typography, and subtle shadows on cards. Make the calendar grid feel airy with good spacing. Add a branded header with the app name and a simple logo mark.

What the agent did

  • Visual calendar grid with content cards

    The calendar grid holds multiple content entries per day as compact cards. Each card shows the title, platform, and status at a glance, no clicking into details needed for a quick overview.

  • Drag-and-drop rescheduling across days

    Content entries can be dragged directly from one calendar day to another. Macaly wired up smooth drag interactions with visual drop-zone highlighting and automatic date updates, no form reopening needed to reschedule.

  • Status pipeline

    Each entry carries a status shown as a colour-coded badge: grey for Draft, blue for Scheduled, green for Published. A summary widget at the top gives an instant count per status.

  • Multi-dimension filtering and real-time search

    Stackable filters narrow the calendar by platform, content type, and status, alongside a live search bar that filters entries by title as you type. Filters combine, so selecting Instagram and Published shows only published Instagram posts.

  • Structured content entry form

    A side panel form lets users create or edit entries with fields for title, content type, platform, publish date, and status. Macaly added validation so incomplete entries can't be saved by accident.

Winner winner chicken dinner