Skip to main content

UX/UI and frontend

Give the interface shape: screens, components, and frontend people actually see and use.

4 guides

Esc
From a Confusing Brief to a Complete UX/UI A vague brief becomes a navigable app. Product Ad From a Single Photo A photo becomes an animated ad, no code required. Get Claude to Watch Your Videos Claude watches your videos and turns them into text. Higgsfield Inside Claude Code Generate images and video while you code in Claude Code. Turn a Loom Recording Into a Web Page A screen recording becomes a web page, no code. Vertical Shorts With NotebookLM Your sources become a vertical short. Luxury Landing Pages on Lovable A luxury landing page from a single prompt. Excalidraw Running Locally Excalidraw free on your computer, no code. Mistral OCR in Your Workflow Extract text from documents with Mistral OCR. Claude SEO in the Terminal 25 free SEO skills inside Claude Code. Google Search Console inside Claude Code Search Console data inside your terminal. Claude Code Routines Claude working on its own, computer off. Clone a Landing Page in React With v0 Clone a real landing page into React code. Context Economy With Claude Work light and don't burn through Claude's limits. From Prompt to Self-Improving Skill Claude skills that learn from your mistakes. From NotebookLM to Canva: Presentations NotebookLM slides, finally editable in Canva. The Map for Understanding Every AI Tool 12 categories for placing any AI tool. Transparent PNGs With ChatGPT Real transparency, not a fake checkerboard. Animated Infographics With Gemini Infographics that loop, animated with Gemini. Market Research With Deep Research Deep Research as your market analyst. Get Cited by AI Search Engines (AEO) Become a source that ChatGPT and Perplexity cite.
Claude Chat Learn Claude from scratch: effective prompts, Projects, documents, and limits — eleven hands-on lessons for true beginners, no experience needed. Premium Landing Pages with Fable 5 From brief to live site: build cinematic, premium 3D landing pages with Fable 5 in Claude Code, orchestrating Seedance on Higgsfield. Three lessons. Claude Code Basics Claude Code explained from scratch: what it is, how it differs from Claude Chat and Cowork, and how to actually use it — even without opening a terminal. Deploy From Scratch: From Code to Link Deploy on Vercel with no jargon: turn the project sitting on GitHub into a public link you can send anyone, then add your own domain on top. Git and GitHub for Vibe Coders Built a project with Claude Code or Codex? Learn to put it on GitHub, roll back changes when things break, and bring other people in to help.
AI Glossary Terms and definitions Animation Vocabulary Keywords for vibe coding UI Libraries Components for vibe coding Design Skills AI skills for designers Clear Brief The sheet to bring to the call Visual GitHub Commands What each command does Token Counter Calculate API costs Mistral OCR 4 Try the new model