What Should I Build — Design skill for Claude Code
Generates specific, buildable project ideas from your skill level, tech stack, interests, time available, and portfolio goals — not another todo-app suggestion.
How to install What Should I Build
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open marcosmodly/what-should-i-build and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What What Should I Build does
Generates specific, buildable project ideas from your skill level, tech stack, interests, time available, and portfolio goals — not another todo-app suggestion. Next.js + TypeScript + Tailwind + Claude API.
Alternatives in Design
- Brainstorming — Transform rough ideas into fully-formed designs through structured questioning and alternative exploration 27.9k ★
- Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
- Claude Agent Teams UI — You're the CTO, agents are your team 645 ★
README
What Should I Build?
The ironic one: an app that generates project ideas, built because someone asked an AI what to build next.
Tell it your skill level, tech stack, interests, time available, and portfolio goals — get back 5 specific, buildable project ideas instead of another todo-app-or-weather-app suggestion.
Skill level Intermediate
Tech stack Next.js, TypeScript, AI/LLM APIs
Interests music, developer tools
Time available 2-4 weeks
Portfolio goals land a frontend job
Each idea comes back with a pitch, why it specifically fits what you told it, a concrete tech stack, a realistic time estimate, key features that define a "done" first version, the portfolio value, and optional stretch goals. Star the ones worth keeping — "Generate 5 more" replaces the rest without losing what you saved.
Stack
Next.js (App Router) + TypeScript + Tailwind CSS + the Anthropic API (forced tool-use for structured output).
Running it locally
npm install
npm run dev
Then open [http://localhost:3000](http://localhost:3000), fill in the form, and generate.
Environment variables
Copy `.env.example` to `.env.local`:
| Variable | Required | Purpose |
|---|---|---|
ANTHROPIC_API_KEY |
Yes | Powers the idea generation. Get one at console.anthropic.com. |
How it's structured
src/
app/
api/ideas/route.ts # POST endpoint: validates the profile, generates 5 ideas
page.tsx # the form + results, with client-side "save" state
components/
IdeaCard.tsx # one idea: pitch, difficulty, stack, features, portfolio value, stretch goals
lib/
generate.ts # builds the prompt, forces structured tool-use output
types.ts # shared types + the option lists (skill levels, time ranges, common stacks)
Notes
- Nothing is stored server-side — saved ideas live only in the browser tab's state for that session.
- The prompt explicitly
Related Skills
Ldd Architect
Documented sugar for LDD[level=L3]: — runs the 5-phase design protocol (Constraints → Non-goals → 3 Candidates
Website Style Router
An Agent Skill that turns content you already have into a buildable site plan — stack, style, IA, page granula
3D Jack Portfolio
Build a 3D Creator portfolio landing page for "Jack" using React, TypeScript, Tailwind CSS, Framer Motion, and
3D Jack Portfolio Hero
Build a 3D Creator portfolio landing page for "Jack" using React, TypeScript, Tailwind CSS, Framer Motion, and
Native Engine Parity Decoding.Skill
Reverse-engineer an Android NDK-shipped C++ calculation engine (libcalcfacade.so style) to bring a TypeScript
UI UX Pro Max Claude
UI/UX design intelligence for web, mobile, and desktop. Covers UI design, design systems, accessibility, respo
Related Agents
Exec
Chief of Staff. Reads the whole portfolio and decides what matters, what is at risk, and what the CEO should d
App Scaffolder
Project-scaffolding builder that stands up a working base application from the pinned stack-baseline so senior
Pixel
Frontend specialist. Invoke for any UI work: React components, TypeScript, CSS/Tailwind, Next.js, Vite, routin