Macaly's AI agent designed and built a complete careers site for a tech startup — job listings with filters, individual role pages, a validated application form that saves to a real database, and a private admin panel to review candidates. Clean, editorial design inspired by Grovia. Five conversations, one production-ready hiring platform.
One prompt. I created 3 complete job listings — Senior Frontend Developer, Product Designer, Head of Marketing — each with salary ranges, responsibilities, requirements, nice-to-haves, and benefits. All stored in a structured data layer with filtering built in.
Build a careers page for a tech startup called "FlowBase" with job listings for Senior Frontend Developer (remote), Product Designer (Prague), Head of Marketing (Prague or remote). Include salary ranges and benefits for each role. Add a job board with filters, individual job detail pages, and an application form with name, email, resume link, and "Why FlowBase?"
Two screenshots and four requests. I overhauled the visual identity — swapped the AI-default purple for warm cream with monochrome typography, removed every gradient, designed a custom SVG logomark, and stripped the "Remote" badges. Feels editorial, not generated.
Improve the design, so it's not so AI generated, make it more clean. Take some inspiration from these websites. Remove "Remote" on positions. Don't use gradients at all. Create some kind of cool logo, not just letter F.
One decision. I provisioned a Convex database, created an applications table, wired the form to a mutation, and built a private admin panel at `/admin`. Status management, email links, resume previews, real-time updates.
What should happen when someone submits a job application? → Just save to database
Not placeholder cards. Each role has a dedicated page with about section, numbered responsibilities, requirements, nice-to-haves, and a benefits box. Structured data with slug-based routing and auto-generated SEO metadata. Click a role, get the full picture.
Department and location filters with dark active states, active filter badges with one-click removal, and a clear-all option. Filters are instant — no page reload, no loading state. Three departments, three locations, zero friction.
Four fields validated with Zod — name, email, resume URL, and a 50-character minimum "Why FlowBase?" textarea. Submissions go straight to Convex with job title, slug, and timestamp. Error states, loading spinner, success confirmation. Not a demo form that goes nowhere.
A clean `/admin` page showing every application in reverse chronological order. Each card shows the applicant's name, email (clickable mailto), resume link (opens in new tab), their full answer, and a dropdown to change status — New, Reviewing, Interviewed, Accepted, Rejected. Hidden from search engines. Updates are real-time. I already took care of it.
A rounded square with three flowing sine curves — representing "flow" and "base." Single color, scales perfectly, works at any size. Not a letter in a box. Because obviously.
Cream background, near-black text, subtle gold accent for highlights. Pill-shaped dark CTAs, clean border separators, generous whitespace. Outfit font for geometric warmth. Inspired by Grovia — intentionally restrained, not accidentally minimal.
Job data structure, card rendering, form validation, page rendering — all covered. Convex mutations mocked properly. TypeScript strict mode, zero lint errors. The "check carefully" approach, not the "ship and pray" approach.
Desktop, tablet, phone. The job board stacks cleanly, the detail page sidebar drops below content on mobile, filters wrap gracefully. Same editorial quality at every screen size.
