External Resources

Curated resources to support your building journey.

Official Documentation

Claude

• Claude Code Documentation — Official Claude Code docs
• Anthropic — Claude's home

Web Development

• MDN Web Docs — The web development reference
• React Documentation — Official React docs
• Svelte Documentation — Official Svelte docs
• Astro Documentation — Official Astro docs

Apple Development

• SwiftUI Documentation — Apple's SwiftUI reference
• Human Interface Guidelines — Apple design guidelines

Learning Resources

Web Fundamentals

• web.dev — Google's web best practices
• CSS-Tricks — CSS techniques and guides
• Flexbox Froggy — Learn flexbox through a game
• Grid Garden — Learn CSS grid through a game

JavaScript/TypeScript

• JavaScript.info — Modern JavaScript tutorial
• TypeScript Handbook — Official TypeScript guide

SwiftUI

• Hacking with Swift — Swift and SwiftUI tutorials
• SwiftUI by Example — Practical SwiftUI examples

Design-to-Code

Design Systems

• Radix UI — Unstyled, accessible components
• shadcn/ui — Beautifully designed components
• Tailwind UI — Component examples with Tailwind

Icons

• Lucide — Beautiful open-source icons
• Heroicons — Icons by Tailwind team
• SF Symbols — Apple's icon system

Colors

• Realtime Colors — Visualize color palettes
• Coolors — Color palette generator
• Color Hunt — Color palette inspiration

Tools

Code Editors

• VS Code — Microsoft's free editor
• Cursor — AI-powered code editor
• Zed — Fast, collaborative editor

Version Control

• GitHub Desktop — Visual git interface
• Fork — Git client for Mac

Deployment

• Vercel — Deploy web apps
• Netlify — Deploy web apps
• Railway — Deploy apps with databases

Databases

• Supabase — Open source Firebase alternative
• PlanetScale — Serverless MySQL
• Firebase — Google's app platform

API Resources

Useful Free APIs

• Public APIs — List of free APIs
• OpenWeather — Weather data
• Unsplash API — Free images
• REST Countries — Country data

API Tools

• Postman — API testing tool
• Insomnia — API client
• Hoppscotch — Open source API client

Communities

Design + Code

• Design Twitter/X — Follow design-focused accounts
• Designer News — Design community
• Indie Hackers — Building products

Development

• Dev.to — Developer community
• Stack Overflow — Q&A for developers
• Reddit r/webdev — Web development community

Inspiration

Design Portfolios

• Godly — Web design inspiration
• Mobbin — Mobile UI patterns
• Dribbble — Design work showcase

Indie Apps

• Product Hunt — New products daily
• Apps Gone Free — iOS app deals

Newsletters

• Dense Discovery — Design, tech, and culture
• TLDR — Tech news digest
• Bytes — JavaScript newsletter

Podcasts

• Design Details — Design conversations
• Syntax — Web development podcast
• Shop Talk Show — Front-end development

Books

Design

• Don't Make Me Think by Steve Krug
• The Design of Everyday Things by Don Norman
• Refactoring UI by Adam Wathan & Steve Schoger

Development (for designers)

• JavaScript for Web Designers by Mat Marquis
• CSS in Depth by Keith Grant
• SwiftUI for Absolute Beginners by Jayant Varma

Stay Updated

The tools and resources change quickly. When looking for something:

What's the current best practice for [topic] in 2024?
What tools do people use for [task] now?

Claude can help you find current resources and compare options.

Exercises

1. Open one official doc and one learning resource from this list and bookmark them in your browser's bar so they're one click away while you build.
2. Pick a design-to-code tool you haven't tried (Radix UI, shadcn/ui, or Lucide) and skim its homepage for ten minutes — note one thing you could use in your next project.
3. Run the "Stay Updated" prompt for a topic you're currently unsure about and compare Claude's answer against what you find in the relevant doc above.