Toolverse
All skills

jb-interact-ui

by openclaw

Generate minimal frontends for interacting with existing Juicebox V5 projects. Pay, cash out, claim tokens, view project state - all in standalone HTML files.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
openclaw
Category
Frontend

About this skill

Generate minimal frontends for interacting with existing Juicebox V5 projects. Pay, cash out, claim tokens, view project state - all in standalone HTML files.

How to use

  1. Zainstaluj skill w swoim środowisku Claude/Codex/Copilot, wskazując repozytorium openclaw/skills.

  2. Przygotuj dane projektu Juicebox V5, które chcesz udostępnić – identyfikator projektu, adres kontraktu i inne parametry konfiguracyjne.

  3. Poproś skill o wygenerowanie interfejsu HTML dla wybranej akcji (np. wpłata do skarbca, wypłata tokenów, podgląd stanu). Skill automatycznie utworzy plik HTML z wbudowanymi stylami i logiką viem.

  4. Otwórz wygenerowany plik HTML w przeglądarce – nie wymaga budowania ani instalacji zależności. Użytkownicy mogą od razu połączyć portfel i rozpocząć interakcję.

  5. Dostosuj wygląd, edytując sekcję stylów w pliku HTML, jeśli chcesz zmienić kolory, rozmiary lub układ elementów.

  6. Udostępnij plik HTML użytkownikom – mogą go hostować na dowolnym serwerze lub używać lokalnie. Interfejs obsługuje płatności, wypłaty i zarządzanie tokenami bez dodatkowych kroków konfiguracyjnych.

Related skills

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175

browser-use

by browser-use

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, or extract information from web pages.

Frontend
23107

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058