catalogs.dev[BETA]
Browse

Your agent presents possibilities. Preview them, send back picks and notes, and let it build.

Start a linked session

How it works

Your agent brings the possibilities together in one link.

  1. 01

    In your editor

    Your agent gets to know what you’re building.

    With your project and direction in mind, it brings together work for you to explore.

    I brought together a few pieces with your project in mind:

    catalogs.dev/link/7f2a
  2. 02

    On catalogs.dev

    You choose what feels right.

    See each piece in action, then send your picks and notes to your agent.

    3 suggestions2 kept

    Pricing table

    Bar chart

    Card grid

    Note for your agent

    Use our brand colors and keep the yearly toggle.

  3. 03

    Back in your editor

    It builds from your choices.

    Your agent takes the work you’ve chosen and adapts it to your project.

    • src/components/pricing-table.tsx
    • src/components/bar-chart.tsx
    • src/app/dashboard/page.tsx
    • package.json

Real files

Make it part of your project.

  • Your agent puts it where it belongs.

    Next to the components you already have, named the way you name things.

  • Adapted to your code.

    Your agent works with your imports, your helpers, and the conventions you already use.

  • Dependencies only when needed.

    The chart needed one library. The toggle used your Switch.

pricing-toggle.tsx

  1. import { Switch } from "@/components/ui/switch"
  2. import { useState } from "react"
  3. import { cn } from "@/lib/utils"
  5. export function PricingToggle() {
  6. const [yearly, setYearly] = useState(false)
  7. return (
  8. <label className="flex items-center gap-3">
  9. <span>Monthly</span>
  10. <Switch checked={yearly} onCheckedChange={setYearly} />
  11. <span>Yearly</span>
  12. </label>
  13. )
  14. }

3 files placed2 imports rewritten1 dependency added

For teams

Help people discover and choose your work.

Put your components, screens, and themes in front of people exploring possibilities with their coding agents. Let them see what you’ve made and choose it for their projects.

Publishing is invite only during the beta.