Real AI agent use cases, with sources and setup prompts

Pull real UI references into your coding agent via MCP

Built an MCP server with six tools so Claude Code, Cursor or Windsurf pull live UI ideas from Mobbin, Dribbble, shadcn and CodePen.

Free tier15 minBeginnerSource linked

Source

@_tayoszn_ on X · 2026-08-11

Written in our own words. Credit to the original author. Link checked 2026-10-15.

What they did

Built an MCP server with six tools so Claude Code, Cursor or Windsurf pull live UI ideas from Mobbin, Dribbble, shadcn and CodePen.

Result (as claimed)

Install with npx, per the author.

Tools they used

Claude CodeCursor

Cost: Claude Code: free plan, paid from $17/mo; Cursor: free plan, paid from $8/mo. Checked 2026-10-14.

Set it up

  1. Write a one-page brief

    Describe the app in plain words: who it is for, the 3 core screens or actions, and what "done" looks like.

  2. Start the project with your agent

    Open Claude Code and paste the brief. Ask it to propose a stack and a file plan before writing code.

  3. Build one slice at a time

    Ship the smallest working flow first, run it, then add features one by one. Commit after each working step.

  4. Test it like a user

    Click through on desktop and phone. Ask the agent to add basic tests and fix anything that breaks.

  5. Check security and ship

    Keep keys in environment variables, check auth and database rules, then deploy and share the link.

Copy the full setup prompt

Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.

You are helping me set up this AI use case end to end in Claude Code.

Goal: Pull real UI references into your coding agent via MCP
What the original author did: Built an MCP server with six tools so Claude Code, Cursor or Windsurf pull live UI ideas from Mobbin, Dribbble, shadcn and CodePen.
Reported result (as claimed by the author): Install with npx, per the author.
Source: https://x.com/_tayoszn_/status/2087089504888770976
Tools they used: Claude Code, Cursor
Category: Vibe coding & apps

Please:
1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like).
2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure.
3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data.
4. Finish with a checklist to run it again next time.

The Daily 5

Get five new use cases tomorrow morning

Free. Real sources. Unsubscribe any time.

Related use cases