Prima direttiva CSS per frontend di progetti crypto, web3, DeFi, airdrop, dashboard e token. Produce fogli di stile, layout, animazioni, temi e HTML reattivo. Trigger su pagine di destinazione, dashboard, richieste di airdrop, interfacce utente di staking, frontend DEX, interfacce utente bridge, gallerie NFT, lanci di token o qualsiasi interfaccia web crittografica. Si attiva anche con l'estetica del dashboard in stile matrice, cyberpunk, neon-glow, terminale hacker o dark fintech. CSS multitema, supporto mobile/tablet/desktop, zero emoji. Per i frontend OPNet, utilizzare insieme alla competenza di sviluppo opnet (che possiede TypeScript, logica React, portafoglio, provider). Questa abilità possiede immagini; Lo sviluppo opnet possiede la logica. Raccoglie sempre il contesto dell'utente (immagini, tema, colori del marchio, pubblico) prima di generare il codice.
Installa rapidamente la skill AI crypto-frontend-design nel tuo ambiente di sviluppo tramite riga di comando
Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design
Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
This skill is a CSS-first directive. It produces the visual layer for crypto and web3 frontends: stylesheets, layout systems, animation, theming, responsive behavior, and the semantic HTML structure that carries them. The JavaScript and TypeScript logic layer (wallet connections, contract calls, state management, API integration) lives outside this skill's scope. When the project runs on OPNet, the opnet-developme...
Every output must look like it was designed by a funded startup's design team, not generated by AI. The aesthetic is intentional, the code is production-grade, and the responsive behavior is flawless.
When the frontend is for an OPNet project (any Bitcoin L1 smart contract dApp, OP20 token site, OP721 NFT gallery, DEX interface, staking platform, airdrop claim page, or OPNet ecosystem tool), both skills must be active. The division of responsibility is strict.
Prima direttiva CSS per frontend di progetti crypto, web3, DeFi, airdrop, dashboard e token. Produce fogli di stile, layout, animazioni, temi e HTML reattivo. Trigger su pagine di destinazione, dashboard, richieste di airdrop, interfacce utente di staking, frontend DEX, interfacce utente bridge, gallerie NFT, lanci di token o qualsiasi interfaccia web crittografica. Si attiva anche con l'estetica del dashboard in stile matrice, cyberpunk, neon-glow, terminale hacker o dark fintech. CSS multitema, supporto mobile/tablet/desktop, zero emoji. Per i frontend OPNet, utilizzare insieme alla competenza di sviluppo opnet (che possiede TypeScript, logica React, portafoglio, provider). Questa abilità possiede immagini; Lo sviluppo opnet possiede la logica. Raccoglie sempre il contesto dell'utente (immagini, tema, colori del marchio, pubblico) prima di generare il codice. Fonte: btc-vision/opnet-frontend-skills.
Come installo crypto-frontend-design?
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw