crypto-frontend-design
✓暗号、Web3、DeFi、エアドロップ、ダッシュボード、およびトークン プロジェクト フロントエンド用の CSS ファースト ディレクティブ。スタイルシート、レイアウト、アニメーション、テーマ、レスポンシブ HTML を生成します。ランディング ページ、ダッシュボード、エアドロップ クレーム、ステーキング UI、DEX フロントエンド、ブリッジ UI、NFT ギャラリー、トークンの起動、または任意の暗号 Web インターフェイスでトリガーされます。マトリックス スタイル、サイバーパンク、ネオン光彩、ハッカー ターミナル、またはダーク フィンテック ダッシュボードの美学でもトリガーされます。マルチテーマ 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 ギャラリー、トークンの起動、または任意の暗号 Web インターフェイスでトリガーされます。マトリックス スタイル、サイバーパンク、ネオン光彩、ハッカー ターミナル、またはダーク フィンテック ダッシュボードの美学でもトリガーされます。マルチテーマ 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