crypto-frontend-design
✓CSS-first directive for crypto, web3, DeFi, airdrop, dashboard, and token project frontends. Produces stylesheets, layout, animation, theming, and responsive HTML. Triggers on landing pages, dashboards, airdrop claims, staking UIs, DEX frontends, bridge UIs, NFT galleries, token launches, or any crypto web interface. Also triggers on matrix-style, cyberpunk, neon-glow, hacker terminal, or dark fintech dashboard aesthetics. Multi-theme CSS, mobile/tablet/desktop support, zero emojis. For OPNet frontends, use alongside opnet-development skill (which owns TypeScript, React logic, wallet, providers). This skill owns visuals; opnet-development owns logic. Always gathers user context (images, theme, brand colors, audience) before generating code.
Installation
SKILL.md
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.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design- Category
- !Security
- Verified
- ✓
- First Seen
- 2026-02-11
- Updated
- 2026-02-18
Quick answers
What is crypto-frontend-design?
CSS-first directive for crypto, web3, DeFi, airdrop, dashboard, and token project frontends. Produces stylesheets, layout, animation, theming, and responsive HTML. Triggers on landing pages, dashboards, airdrop claims, staking UIs, DEX frontends, bridge UIs, NFT galleries, token launches, or any crypto web interface. Also triggers on matrix-style, cyberpunk, neon-glow, hacker terminal, or dark fintech dashboard aesthetics. Multi-theme CSS, mobile/tablet/desktop support, zero emojis. For OPNet frontends, use alongside opnet-development skill (which owns TypeScript, React logic, wallet, providers). This skill owns visuals; opnet-development owns logic. Always gathers user context (images, theme, brand colors, audience) before generating code. Source: btc-vision/opnet-frontend-skills.
How do I install crypto-frontend-design?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/btc-vision/opnet-frontend-skills
Details
- Category
- !Security
- Source
- skills.sh
- First Seen
- 2026-02-11