The Artifact Catalog

Discover Claude Artifacts — interactive AI tools & demos

PCM Documentation Generator - HTML/JavaScript

Generate professional PCM documentation for heart failure & hypertension patients instantly. Built with Claude AI - streamlined forms, evidence-based

generatorjavascriptweb-dev

Cursor AI System Prompt for Rapid Development

Master rapid frontend development with this elite Cursor AI prompt. Built with Claude AI for React, Vue, Svelte & more. Get production-ready code fast!

javascriptpromptweb-dev

Zombie Chase Game - Complete HTML File

Play an intense zombie survival game! Drive, shoot & escape hordes in this pixel-art browser game. Built with Claude AI - no download needed!

retroweb-dev

CSS Transform va Pseudo klasslar

Master CSS transforms, pseudo-classes & pseudo-elements with interactive Uzbek tutorials. Built with Claude AI for hands-on web development learning.

interactiveweb-dev

CSS記法学習アプリ - 社内研修用

Master CSS BEM naming conventions with this interactive Japanese training app. Take quizzes, learn custom syntax rules, and improve code quality.

interactivejapaneseweb-dev

CSS Flex 佈局完整教學範例

CSS Flex 佈局完整教學 · 1. 基本Flex 容器 · 2. flex-direction(排列方向) · 3. justify-content(主軸對齊) · 4. align-items(交叉軸對齊) · 5. flex 屬性(彈性比例) · 6.

web-dev

Maritime Email System Enhancement Recommendations

Replace current colors with a professional maritime theme that enhances readability and user engagement. CSS variables and apply new color palette across all

web-dev

Windows Scale Detection Component

Detect Windows display scaling instantly with this React component. Built with Claude AI - get real-time DPR, resolution data & CSS fixes.

javascriptweb-dev

Support Ticket Audit - Alex's Performance

Get detailed support performance audit templates & scoring frameworks. Professional ticket analysis examples built with Claude AI.

supportticket

Quy tắc chuẩn thiết kế Frontend & Backend

Comprehensive frontend & backend design standards guide - date formats, validation rules, naming conventions & security best practices.

web-dev

上下左右からのスライドインアニメーション

CSS transformとtransitionを組み合わせることで、パフォーマンスの良い滑らかなアニメーションを実現しています。. 100%. スムーズ. 0.8s. アニメーション時間. 60fps.

web-dev

StreamFlix Assignment Instructions

Build a Netflix-style streaming platform with React! Complete step-by-step tutorial with API integration & code examples. Created with Claude AI.

apiautomationjavascript

Generative Internet

Generate any website instantly by typing a URL - explore the creative internet that could exist. Built with Claude AI at Claude.ai.

generativeinternet

Proxy Environment Variable Support Summary

... JavaScript: Universal Proxy Solution ```javascript // Option 1: global-agent (affects ALL modules) const globalAgent = require('global-agent'); globalAgent

javascript

Highly Customizable SVG App

Create stunning SVG graphics with this powerful visual editor - drag, customize colors, add effects & export instantly. Built with Claude AI.

customizablehighly

HRMS Company Valuation Comparables Sheet

Get professional HRMS valuation analysis with $100M-$300M comparables, market multiples & investor pitch points. Built with Claude AI.

companyhrms

Sooooounds: Audio-Reactive Image Transformation

Transform images with real-time audio effects using AI. Upload photos, play music, watch DALL-E create stunning reactive visuals. Built with Claude AI.

audiosooooounds

Module 1: Python Foundations in JupyterLab

JupyterLab is like a digital notebook where you can write and run Python code in small chunks called cells. Think of it as a word processor for programmers

python

Python Basics Quiz

Test your Python skills with this interactive quiz! 10 engaging questions covering variables, loops, functions & more. Built with Claude AI.

interactivepython

CampNetwork Address Checker - Complete Package

Check CampNetwork wallet addresses for blocks instantly with this Python tool. 4 bypass methods included. Built with Claude AI - Get yours free!

python

16 Essential GitHub Repositories for Developers

Discover 16 essential GitHub repositories every developer needs - from algorithms to AI/ML resources. Built with Claude AI for your coding journey.

git

QR Code Generator with Python

Generate custom QR codes instantly with this complete Python tutorial. Create basic, styled, and logo QR codes for URLs, WiFi, contacts.

generatorguidepython

AI Video Platform Showdown: Vertex AI vs HeyGen

Compare Vertex AI vs HeyGen for educational video creation - see 8K quality, 90-second generation & advanced avatars. Built with Claude AI.

showdownvideo

AIエージェント定義比較 - グラフィックレコーディング風インフォ ...

AIエージェントの定義比較 · OSS TypeScriptフレームワーク · Agents/Workflows/RAG/Evalsを統合 · npm一発で雛形生成.

javascript