# Nft Marketplace

> NFT marketplace design, collection pages, minting UX, bidding flows, and digital collectible display.

- Skill: `dragoon0x/nft-marketplace` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/nft-marketplace`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/nft-marketplace/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/nft-marketplace

---


# NFT Marketplace Design

## Collection Page
- Banner + avatar + collection name
- Stats bar: floor price, total volume, items, owners
- Description with social links
- Grid of items with filter/sort
- Activity feed (recent sales, listings)

## Item Display
- Large media display (image, video, 3D, audio with visualization)
- Title, collection name, creator
- Current price or highest bid
- Rarity rank (if applicable)
- Properties/traits as tags with rarity percentage
- Ownership history (provenance)
- Buy Now / Place Bid / Make Offer CTAs

## Minting
- Collection page with mint button
- Quantity selector
- Total cost: mint price + gas estimate
- Countdown timer for timed mints
- Progress indicator during minting
- Reveal experience (if delayed reveal)

## Bidding
- Current highest bid displayed
- Bid input with minimum validation
- Bid expiration setting
- Outbid notification
- Easy bid management (view active bids, cancel)

## Profile
- Owned items grid
- Created items
- Activity history
- Favorited items
- Offers made/received