Bootstrap Mastery Website Learning Project
A fictional agency homepage built as a Bootstrap practice project, with a hero section, service cards, team photos, pricing tiers, and a contact form layout.
ClaudeArtifact
Artifacts
300 interactive artifacts — tools, games, visualizations, and guides made with AI — newest first.
Breaking Free from Toxic Nostalgia
A slide-by-slide presentation on how idealizing the past can trap people in unhappiness, covering warning signs, why it happens, and steps to move forward.
ClaudeArtifact
Brussels Bicycle Delivery Routes
An interactive map of Brussels with 15 color-coded bike delivery routes, each listing its stops at organic and specialty food shops with addresses and details.
ClaudeArtifact
Bun vs Redis Performance Analysis
A technical breakdown of why Bun's native Redis client outperforms ioredis, covering its Zig implementation, RESP3 protocol, automatic pipelining, and memory.
ClaudeArtifact
Business Scenario Builder
Generates a workplace case study based on a chosen industry, skill focus, and difficulty level, for practicing decisions around leadership or communication.
ClaudeArtifact
Business Theory Learning Game
A scenario-based quiz that teaches concepts like transaction cost theory and social embeddedness by having you pick a response to workplace situations.
ClaudeArtifact
Camera Aperture Simulator
An interactive f-stop slider showing how aperture affects depth of field and light, with a live blur preview and explanations for settings from f/1.4 to f/22.
ClaudeArtifact
Can AI Replace Human Writers? The Great Debate
A summary of a Reddit discussion on whether AI can replace writers, weighing complaints about generic, inconsistent prose against real-world workflow accounts.
ClaudeArtifact
Career Introduction Deck for a Marketplace Company
Personal slide deck introducing a job candidate's background, work philosophy, and reasons for joining a Southeast Asian online marketplace company.
ClaudeArtifact
CareTech Skills Hub - Dashboard
A mockup learner dashboard for a care-worker training platform, showing course progress, earned badges, CPD hours logged, and a running learning streak.
ClaudeArtifact
Case Study Aggregator
Lists real business case studies from named companies with search and category filters, plus a generator that writes a custom case study for any sector.
ClaudeArtifact
CDFM Interactive Flashcard App
A flashcard study tool for CDFM certification covering all four exam modules, with progress tracking, a study history log, and custom topic card generation.
ClaudeArtifact
Charm Jewelry Outlet Landing Page
Dark-themed landing page design for a discount charm-bracelet outlet store, featuring a price-tag call-to-action and a markdown promotions section.
ClaudeArtifact
Circle of Experience - Where UX Professionals Become Leaders
A landing page for a UX leadership program, built around a hero pitch, a member testimonial about moving into strategic leadership, and a signup link.
ClaudeArtifact
Claims of Fact - Interactive Lesson
An interactive writing lesson that teaches how to tell factual claims apart from opinions, with practice exercises and a quiz to check what you've learned.
ClaudeArtifact
Claude AI and Claude Code: 2025 Market Analysis
A research report on Claude AI and Claude Code covering capabilities, pricing, enterprise features, and competitive position in 2025, written in Chinese.
ClaudeArtifact
Claude AI Capabilities for Product & Design Teams
A slide deck outlining how product and design teams can use Claude AI for requirements planning, research, design ideation, validation, and team collaboration.
ClaudeArtifact
Claude AI Translator
A single-page translator app supporting 24 languages, with a language-swap button, a confidence indicator on results, and one-click copying of translated text.
ClaudeArtifact
Claude Code Installation Guide for Windows 11: Setting Up with WSL2
A step-by-step walkthrough for installing Claude Code on Windows 11 via WSL2, covering Node.js setup, npm configuration, authentication, and troubleshooting.
ClaudeArtifact
Claude Code: Complete Development Guide
A slide-based guide to Claude Code covering installation, authentication, prompt engineering, real-world workflows, and a pitch for team adoption.
ClaudeArtifact
Claude: Consciousness as Art
An abstract, animated single-page artwork with floating ink drops, pulsing light threads, and poetic text fragments exploring thought and awareness.
ClaudeArtifact
COBIT 2019 Framework - Complete Guide
A rendered markdown reference on the COBIT 2019 IT governance framework, covering its principles, components, design factors, and an implementation roadmap.
ClaudeArtifact
Coicomi Points Purchase Flow Mockup
An interactive React mockup of a manga app's points purchase flow, showing bulk point packages, pricing tiers, and a payment confirmation modal.
ClaudeArtifact
College Visit Calendar
A day-by-day printable calendar template for planning a multi-day college tour, with color-coded cards for tracking visits, travel times, and hotels.
ClaudeArtifact