The Artifact Catalog

Developer & Technical Tools

101 items

Complete OAuth Setup Guide for Task Manager App ...

Complete OAuth Setup Guide for Task Manager App with JWT & CloudFront. Frontend handles OAuth callback and gets JWT from backend 4. Backend validates OAuth

guideweb-dev

Birthday Party Invitation

Create stunning birthday party invitations with animated designs & interactive elements. Built with Claude AI - get professional HTML templates instantly.

animationinteractiveweb-dev

MCP Servers Concept Map for MeetUp

Explore the interactive concept map above to understand MCP servers and their ecosystem.

apibiologyinteractive

Minimalist Rhyming Clock

Get daily writer inspiration with this retro terminal-style quote display featuring 36 literary quotes. Built with Claude AI

retro

Odoo CRM vs Twenty CRM: Code Modernity Analysis

Compare Odoo vs Twenty CRM code quality, tech stacks & developer experience. Deep repository analysis built with Claude AI reveals the winner.

sales

Maximizing AI Dev Tools: Beyond Vanilla Usage

Unlock AI coding tools' full potential with 2 simple rules that transform assistants into project-aware team members. Built with Claude AI.

devmaximizing

User Data Management API Documentation

Complete User Data Management API guide with conversation history, traits, sentiment analysis & activity tracking endpoints.

apiguidehistory

Claude Code's High-Impact Mental Efficiency Patterns

Unlock 10x coding productivity with Claude's hidden mental efficiency patterns. Advanced workflows, parallel processing & cognitive shortcuts.

productivity

Library Content Review UI - Code Review Style

Review and approve content changes instantly with this GitHub-style diff interface. Built with Claude AI for seamless content management workflows.

git

Python Learning Mentor

Welcome, aspiring data scientist! I'm here to be your learning companion on this journey through Python fundamentals. Think of me as a wise teacher who believes

python

BM25 Algorithm Interactive Visualization

Machine learning algorithms are essential for data science. Machine learning models require training data. ... Python programming supports machine learning

algorithmmachine-learningpython

Facebook Platform - Complete Rebuild

Build a complete Facebook clone with advanced features - messaging, ads manager, marketplace & more. Created with Claude AI. See the full code!

facebookrebuild

A* Search Algorithm Visualization Tool - Interactive Tree ...

Explore A* pathfinding with this interactive visualization showing search tree growth, node expansion, and optimal solution paths in real-time.

algorithminteractivevisualization

Interactive A* Search Algorithm Animation - Step-by-Step Guide

Learn A* pathfinding with an interactive React animation showing search steps, open/closed lists, and heuristic calculations in real-time.

algorithmanimationjavascript

README.md - Web App Project Documentation

Build a responsive web app with product cards + AI chat using FastAPI & Vanilla JS. Complete code, setup guide & mock data. Built with Claude AI.

guide

HTML UI Elements Demo

This HTML page demonstrates the use of various HTML elements including headings, paragraphs, images, anchors, lists, divs, and spans.

web-dev

Code Indentation Style Guide

Master code indentation with this comprehensive style guide for CSS, JavaScript & HTML. Perfect outliner-compatible formatting rules.

fashionjavascriptweb-dev

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

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 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

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

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