Crypto

Build an NFT Art Gallery & Marketplace with AI

Digital art gallery and marketplace with collection browsing, artist profiles, provenance display, and cryptocurrency checkout for purchasing unique digital artworks and collectibles.

Build Prompt

Copy this prompt into Claude Code
Build an NFT art gallery and marketplace as a static HTML/CSS/JS site. Dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent color #f7931a (Bitcoin orange). Load data from inline `const ARTWORKS = [...]` with fields: id, title, artist, priceETH, priceBTC, priceUSD, collection, description, image (placeholder gradient/emoji art), edition ("1/1" or "3/10"), medium (digital painting, generative, pixel art, AI-assisted), status (available, sold, reserved), mintDate, tokenId (display only), blockchain (Ethereum, Bitcoin Ordinals). Layout: Full-width hero with featured artwork rotation (auto-slide every 8s). Navigation: Gallery, Collections, Artists, About. Below hero, filter bar with collection dropdown, medium filter pills, price range slider, and sort (newest, price low-high, price high-low). Gallery: Masonry-style grid (3 cols desktop, 2 tablet, 1 mobile). Each card shows: artwork image with aspect-ratio preserved, title, artist name, price in ETH/BTC + USD equivalent, edition info, and "Collect" button. Artwork detail modal: large image, full description, provenance history (from inline `const PROVENANCE = [...]` — date, event, price), artist bio, blockchain/tokenId, and "Purchase" button. Purchase flow: clicking "Collect" shows payment options — BTC address QR code, ETH address QR code, or Coinbase Commerce link. Display `bitcoin:ADDRESS?amount=X` and `ethereum:ADDRESS?value=X` URIs. Show "How to Collect" steps. Artists page: grid of artist cards with avatar (emoji), bio, total works, total sales volume. Include a "Why Collect Digital Art" section explaining provenance, scarcity, and ownership. SEO: title, meta description, OG image, JSON-LD with @type "CreativeWork" for artworks. Seed 9 artworks from 3 artists across 3 collections. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].

Make It Yours

Auction Timer

Add countdown timers for timed auctions with bid history display and reserve price indicators.

3D Viewer

Embed CSS 3D transforms for rotating artwork previews and parallax hover effects.

Collection Stories

Add narrative pages for each collection with artist statements and creation process documentation.

Rarity Traits

Display trait rarity percentages and attribute breakdowns for generative collection pieces.

NOWPayments Integration

Use NOWPayments API links for automated multi-crypto payment processing.

Collector Profiles

Add a collector leaderboard showing top buyers with pseudonymous profiles and collection sizes.

Update Prompt

Update Prompt — Manage artworks and collections
Update my NFT art gallery with the following changes: [describe — e.g., "Mark 'Cosmic Dreams #1' as sold", "Add new artwork: Title, Artist, 0.05 ETH, Digital Painting, Collection X", "Update ETH/USD rate to $3200", "Add new artist: Name, Bio", "Create new collection: Name, Description"]. Update the ARTWORKS, ARTISTS, and PROVENANCE arrays. Adjust availability status and ensure pricing displays correctly. Then redeploy.

SEO Tips

Monetization Ideas

Related Ideas

Ready to build your NFT Art Gallery?

Copy the prompt above and paste it into Claude Code. Your gallery will be live in minutes.

Get Started