cosmoslisted

Extract design direction from Cosmos (cosmos.so), the visual discovery and moodboarding platform ("Pinterest for creatives") — build a moodboard vocabulary before starting a design, and run the human+Claude reference loop where the user drops Cosmos links or screenshots and Claude translates them into named design decisions (layout grid, type scale, spacing rhythm, motion choreography, color temperature) for Next.js 14 + Tailwind 3.4 + motion v13 (`motion/react`). Use this whenever a design task starts without a visual direction, when someone says "I want it to feel like this" with a Cosmos link or moodboard, when a cosmos.so URL or cdn.cosmos.so image appears in the conversation, when a project needs a moodboard or reference-gathering phase, when the user wants to browse for inspiration before building, or when scattered screenshots need to be distilled into one coherent direction.
shashidharbabu/claude-design-skills · ★ 0 · Web & Frontend · score 60

Install: claude install-skill shashidharbabu/claude-design-skills

# Cosmos Cosmos (cosmos.so) is a **visual discovery and moodboarding platform** — save images into "clusters" (their word for boards), follow other people's taste, search a large pool of photography, art, graphic design, and interfaces. It is an iOS app plus a web app. **An account is required to save, cluster, or search; browsing curated categories works logged out.** Much of the site is JS-hydrated: programmatic fetches of `/discover` return skeleton placeholders, so the browsing seat belongs to the human. The homepage advertises search by color, visual similarity, and AI-content labeling — these are account/app features; do not rely on them programmatically. What Claude CAN do: fetch individual cluster pages and category pages (they render enough to read), and view images served from `cdn.cosmos.so` directly. What Claude CANNOT do: search Cosmos, save anything, or see what the user sees in their logged-in feed. That split shapes the skill: 1. **Selection** — direct the human to the right shelf of Cosmos and tell them what to bring back. 2. **Translation** — turn what they bring back (links, screenshots) into named design decisions and implementation notes. ## Selection — where to send the human - Entry point: `https://www.cosmos.so/discover` (search box + featured clusters). - Category shelves (verified, browsable logged out): `https://www.cosmos.so/explore` (Featured), plus `/explore/ui-ux` (Interfaces), `/explore/graphic-design`, `/explore/typography`, `/e