Директива CSS-first для интерфейсов проектов криптовалют, web3, DeFi, airdrop, информационной панели и токенов. Создает таблицы стилей, макет, анимацию, темы и адаптивный HTML. Триггеры на целевых страницах, информационных панелях, аирдроп-заявках, пользовательских интерфейсах ставок, интерфейсах DEX, мостовых пользовательских интерфейсах, галереях NFT, запусках токенов или любом криптографическом веб-интерфейсе. Также срабатывает при использовании матричного стиля, киберпанка, неонового свечения, хакерского терминала или темной эстетики приборной панели в стиле финтех. Многотематический CSS, поддержка мобильных устройств, планшетов и настольных компьютеров, отсутствие смайлов. Для интерфейсов OPNet используйте наряду с навыками разработки opnet (которые владеют TypeScript, логикой React, кошельком, поставщиками). Этот навык владеет визуальными эффектами; opnet-development владеет логикой. Всегда собирает пользовательский контекст (изображения, тему, цвета бренда, аудиторию) перед генерацией кода.
Быстро установите AI-навык crypto-frontend-design в вашу среду разработки через командную строку
Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design
Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или 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.
Директива CSS-first для интерфейсов проектов криптовалют, web3, DeFi, airdrop, информационной панели и токенов. Создает таблицы стилей, макет, анимацию, темы и адаптивный HTML. Триггеры на целевых страницах, информационных панелях, аирдроп-заявках, пользовательских интерфейсах ставок, интерфейсах DEX, мостовых пользовательских интерфейсах, галереях NFT, запусках токенов или любом криптографическом веб-интерфейсе. Также срабатывает при использовании матричного стиля, киберпанка, неонового свечения, хакерского терминала или темной эстетики приборной панели в стиле финтех. Многотематический CSS, поддержка мобильных устройств, планшетов и настольных компьютеров, отсутствие смайлов. Для интерфейсов OPNet используйте наряду с навыками разработки opnet (которые владеют TypeScript, логикой React, кошельком, поставщиками). Этот навык владеет визуальными эффектами; opnet-development владеет логикой. Всегда собирает пользовательский контекст (изображения, тему, цвета бренда, аудиторию) перед генерацией кода. Источник: btc-vision/opnet-frontend-skills.
Как установить crypto-frontend-design?
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw