crypto-frontend-design
✓암호화, web3, DeFi, 에어드롭, 대시보드 및 토큰 프로젝트 프런트엔드에 대한 CSS 우선 지침입니다. 스타일시트, 레이아웃, 애니메이션, 테마 및 반응형 HTML을 생성합니다. 랜딩 페이지, 대시보드, 에어드롭 청구, 스테이킹 UI, DEX 프런트엔드, 브릿지 UI, NFT 갤러리, 토큰 출시 또는 모든 암호화폐 웹 인터페이스에서 트리거됩니다. 또한 매트릭스 스타일, 사이버펑크, 네온 글로우, 해커 터미널 또는 다크 핀테크 대시보드 미학을 트리거합니다. 다중 테마 CSS, 모바일/태블릿/데스크톱 지원, 이모티콘 없음. OPNet 프런트엔드의 경우 Opnet 개발 기술(TypeScript, React 로직, 지갑, 공급자를 소유함)과 함께 사용하세요. 이 스킬은 비주얼을 소유하고 있습니다. opnet-development는 로직을 소유하고 있습니다. 코드를 생성하기 전에 항상 사용자 컨텍스트(이미지, 테마, 브랜드 색상, 대상 고객)를 수집합니다.
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.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design- 카테고리
- !보안
- 인증됨
- ✓
- 최초 등록
- 2026-02-11
- 업데이트
- 2026-02-18
빠른 답변
crypto-frontend-design이란?
암호화, web3, DeFi, 에어드롭, 대시보드 및 토큰 프로젝트 프런트엔드에 대한 CSS 우선 지침입니다. 스타일시트, 레이아웃, 애니메이션, 테마 및 반응형 HTML을 생성합니다. 랜딩 페이지, 대시보드, 에어드롭 청구, 스테이킹 UI, DEX 프런트엔드, 브릿지 UI, 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에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/btc-vision/opnet-frontend-skills
상세
- 카테고리
- !보안
- 출처
- skills.sh
- 최초 등록
- 2026-02-11