{

"skill": "build-website",

"ipfs": "squeek-studio",

"objective": "Build Squeek Studio, a free website for Squeek NFT holders that turns each Squeek's onchain art into downloadable profile pictures, banners, wallpapers, stickers and share cards. It is read-only: no transactions, no signatures, no gas, no keys, no backend, no accounts. Everything is fetched from public endpoints and rendered in the visitor's browser.\n\nData (the public Squeekchain API answers with CORS *; it serves Sepolia today):\n- GET https://api.squeekchain.com/v1/accounts/{address} returns tokens[] with tokenId, custody ('wallet' or 'staking'), level, basePower and mergeState. Show staked Squeeks too, tagged 'In the vault'. Follow nextCursor when it is not null.\n- GET https://api.squeekchain.com/v1/squeeks/{tokenId} returns metadata.name, metadata.attributes (11 traits: Palette, Color Pattern, Body Glyph, Face Glyph, Eye Glyph, Muzzle Glyph, Ear Glyph, Illumination, Eyes, Ears, Background), metadata.imageDataUri (an onchain SVG as data:image/svg+xml;base64, square, about 55 KB), level, basePower and custody.owner.\n- If the API fails, fall back to tokenURI(tokenId) on the Squeek collection 0xc4c7982657f00509548f3a3a41db7fa439a6856b on Sepolia (chain 11155111) through public RPCs (https://ethereum-sepolia-rpc.publicnode.com, then https://sepolia.gateway.tenderly.co) and decode the JSON and SVG from it. If both fail, say so plainly and offer Retry.\n- Token ids run from 1 to 9999. Cache responses in sessionStorage, load art lazily as cards scroll into view, and keep at most 6 requests in flight.\n\nPages (hash routes, so the static site works on IPFS):\n1. Home (#/): one input that takes a wallet address (0x...) or a Squeek number, a 'Connect wallet' button that only reads the address with eth_requestAccounts and never asks to sign or send anything, and three sample Squeeks to try. One line says it is free and read-only.\n2. Wallet (#/wallet/0x...): a grid of the wallet's Squeeks with art, 'Squeek #N', level and the vault tag, sorted by level then number. Empty wallet: a short message and a link to https://squeekchain.com. Invalid address: a clear error.\n3. Squeek (#/squeek/N): large art, level, base power, the 11 traits, the owner as a short address linking to https://sepolia.etherscan.io/address/..., and the Studio below.\n4. Studio, on the Squeek page, with a live preview and these presets, each rendered at its exact size:\n - Profile picture 1024x1024 PNG, with an optional round crop (transparent corners).\n - X header 1500x500 PNG, the Squeek on one side and the caption on the other.\n - Phone wallpaper 1170x2532 PNG and desktop wallpaper 2560x1440 PNG.\n - Sticker 512x512 PNG with a transparent background and a round crop.\n - Share card 1080x1350 PNG: the art, 'Squeek #N', level, base power, the 11 traits, and a small 'Made with Squeek Studio' line.\n Options: background (the Squeek's own, a solid colour picked from the colours used in its SVG, black, white, or transparent where the format allows), zoom 60 to 140 percent, vertical offset, an optional caption of up to 24 characters, and a level badge on or off.\n Buttons: Download PNG; Copy image where the browser supports ClipboardItem; Share on X, which opens https://x.com/intent/post with a short text and the Squeek page link (no upload).\n Render the SVG directly at the target size on a canvas, never by upscaling a small bitmap, so the dot art stays sharp.\n5. Group shot (from the wallet page): pick 2 to 6 of the wallet's Squeeks and get an X header 1500x500 and a desktop wallpaper 2560x1440 with them side by side, same options.\n\nLook: dark dot-grid style in the spirit of the Squeek art (background #1A1A20, gold and blue accents), mobile first, works on phones and desktop, keyboard reachable, readable contrast. No analytics, no cookies, no trackers; Google Fonts is the only outside asset.\n\nOut of scope: minting, merging, staking, claiming, trading, any write to a chain, ENS names, other collections.\n\nFooter on every page: 'Unofficial fan tool for Squeekchain. Art from the Squeek onchain renderer; data from api.squeekchain.com. Read-only: nothing is signed or sent.' Include a README in the repository that explains the data sources and how to run the site locally."

}