shareAI-lab/learn-claude-code
Learn Claude Code is an educational project that teaches how to build modern AI coding agents like Claude Code through a progressive tutorial covering core concepts, planning, subagents, and skills mechanisms.
Awesome AI Agents › Courses and Tutorials
Bklieger/Claude-React-Jumpstart
Claude-React-Jumpstart is a comprehensive step-by-step tutorial designed for beginners to help them run React code generated by Claude's Artifacts feature locally on their machines. The project focuses on guiding users through the process of setting up a React application using Vite, a modern build tool, and integrating it with Tailwind CSS and Shadcn UI components for styling and UI elements. The tutorial begins by instructing users to create a new React app with Vite, followed by installing and configuring Tailwind CSS and Shadcn UI, including setting up necessary configuration files like vite.config.js and jsconfig.json for path aliasing and plugin integration. The guide also covers the installation of additional libraries and components based on the imports required by the React files, such as lucide-react for icons and specific UI components like card, button, and input from Shadcn UI. Users are then shown how to add their Claude-generated artifact code, exemplified by the included LLMModel.jsx component, which can be moved into the project's components directory and integrated into the main App.jsx file. Finally, the tutorial explains how to run the React application locally using npm scripts. The project is well-documented with clear instructions, code snippets, and configuration examples, making it accessible for beginners who want to leverage Claude's AI-generated React code and run it seamlessly in their local development environment. The repository also includes visual aids such as a demo video link and example screenshots to enhance understanding. Overall, Claude-React-Jumpstart serves as an educational resource to bridge the gap between AI-generated code and practical local development setup for React applications.
https://github.com/Bklieger/Claude-React-Jumpstart
Also in Courses and Tutorials
dair-ai/Prompt-Engineering-Guide
A comprehensive guide and resource hub for prompt engineering, context engineering, retrieval-augmented generation, and AI agents, offering tutorials, papers, tools, and courses to optimize the use of large language models.
patchy631/ai-engineering-hub
AI Engineering Hub is a comprehensive repository offering in-depth tutorials and practical resources on Large Language Models, Retrieval-Augmented Generation, and real-world AI agent applications for learners and practitioners.
huggingface/agents-course
The Hugging Face Agents Course is a comprehensive educational resource that teaches the fundamentals and advanced concepts of AI agents and large language models through structured units, practical frameworks, and community collaboration.
NirDiamant/GenAI_Agents
GenAI_Agents is a comprehensive repository offering tutorials, implementations, and community resources for building and advancing generative AI agents from basic to advanced levels.
walkinglabs/learn-harness-engineering
This course provides a comprehensive project-based tutorial on Harness Engineering for building reliable AI coding agents, covering environment setup, state management, verification, and control.
The-Pocket/PocketFlow-Tutorial-Codebase-Knowledge
An AI-powered tool that analyzes GitHub repositories and generates beginner-friendly tutorials with visualizations to simplify understanding complex codebases.
google/adk-recipes
Google's public collection of small, runnable example agents demonstrating Agent Development Kit (ADK) patterns such as OAuth flows, session memory, guardrails and RAG, in core and community recipes.