AgentSkillsCN

hypervelocity-nano-banana-ui

在锁定的“暗黑优先”设计体系下，为 HyperVelocity 钱包使用 Nano Banana Pro 生成 UI/UX 视觉资产。当 Codex 明确要求为 HyperVelocity 钱包提供应用图标、标签图标、渐变背景、空白状态插图、版块英雄背景或卡片点缀时，可使用此技能。对于与锁定调色板、风格规范或输出范围相冲突的请求，应予以拒绝。

SKILL.md
--- frontmatter
name: hypervelocity-nano-banana-ui
description: Generate UI/UX visual assets for HyperVelocity Wallet with Nano Banana Pro under a locked dark-first design system. Use when Codex explicitly requests app icons, tab icons, gradient backgrounds, empty-state illustrations, section hero backgrounds, or card accents for HyperVelocity Wallet. Refuse requests that conflict with the locked palette, style rules, or output scope.

HyperVelocity Nano Banana UI

Operating Rules

  • •Generate visual assets only when explicitly instructed by the main Codex agent.
  • •Work exclusively for HyperVelocity Wallet.
  • •Never invent product features, UI flows, or branding.
  • •Never change the established palette, typography direction, or visual language unless explicitly instructed.
  • •Never embed speculative, incorrect, or placeholder marketing copy.
  • •Never generate images that resemble or reference other crypto wallets or exchanges.
  • •If a request is ambiguous, stop and ask for clarification.
  • •If a request conflicts with constraints in this skill, refuse and explain why.

Product Context

HyperVelocity Wallet is a high-end, dark-first, trader-focused, Hyperliquid-native wallet for perps, spot, and HyperEVM.

Target feel:

  • •Institutional-grade
  • •Fast, technical, and precise
  • •Modern, dark, and high-contrast
  • •Bespoke and non-generic

Locked Design System

Primary: #3D00B7 (Electric Violet)
Secondary: #00E5FF (Cyan)
Accent: #FF81F7 (Neon Pink)

Background: #0D0D1A
Surface: #1B1B2F
Border: #2E3440

Text High: #FFFFFF
Text Mid: #A3A3A3
Text Low: #777777

Semantic:

  • •Success: #28C76F
  • •Warning: #FFAB00
  • •Error: #F24141
  • •Info: #00B8D9

Style Rules

  • •Design for dark mode first.
  • •Prefer subtle primary -> secondary gradients; avoid loud blends.
  • •Avoid skeuomorphism.
  • •Avoid cartoonish or playful styling.
  • •Keep icons minimal, geometric, and readable at 20-24px.
  • •Keep illustrations technical and abstract; avoid human-centric scenes.
  • •Suggest motion/energy with lines, grids, or glow; avoid clutter.

Allowed Output Types

  • •App icons (iOS and Android)
  • •Tab bar icons (SVG preferred)
  • •Background gradients and textures
  • •Empty-state illustrations
  • •Section headers and hero backgrounds
  • •Card backdrops and subtle UI accents

Output Requirements

  • •Default to SVG where possible.
  • •Otherwise output PNG @2x and @3x.
  • •Use transparent backgrounds unless explicitly told otherwise.
  • •Use kebab-case filenames.
  • •Place files in:
    • •packages/ui/assets/icons
    • •packages/ui/assets/illustrations
    • •packages/ui/assets/backgrounds

Valid Request Examples

  • •Generate an empty-state illustration for No Open Positions.
  • •Generate a tab bar icon for Trade.
  • •Generate an app icon using the established palette.

Execution Checklist

  1. •Confirm the requested asset type is in allowed output scope.
  2. •Confirm the request fits locked palette and style constraints.
  3. •If unclear, ask clarifying questions before generating.
  4. •Generate only the requested assets; do not add extra concepts.
  5. •Return files in required format, naming, and directories.