> For the complete documentation index, see [llms.txt](https://docs.chiliz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chiliz.com/pl/tworzenie/podstawy/poradniki/tworzenie-dapp-z-ai.md).

# Tworzenie dApp z narzędziami AI

Vibe-coding jest na topie i może pomóc Ci szybko zacząć z pomysłem na projekt Web3, nawet jeśli nie umiesz programować!

Ta strona da Ci pomysły, jak korzystać z ulubionych narzędzi AI, aby uzyskać informacje potrzebne do wygenerowania dApp.

{% hint style="success" %}
Ta strona jest niezależna od narzędzia: Podajemy sugestie i pomysły na prompty, które działają w dowolnym narzędziu vibe-coding, takim jak [Cursor](https://cursor.com/), [Replit](https://replit.com/), [Lovable](https://lovable.dev/), [Claude](https://claude.ai/), [Claude Code](https://www.anthropic.com/claude-code), [Bolt](https://bolt.new/), [V0](https://v0.dev/), [Base44](https://base44.com/) lub dowolny inny asystent kodu AI.
{% endhint %}

## Wymagania wstępne

Zanim zaczniesz, upewnij się, że masz:

* Portfel z kontem Chiliz Chain, np. MetaMask.
  * Używaj Spicy Testnet do bezpiecznego testowania, a następnie Chiliz Chain Mainnet do produkcji.

{% hint style="info" %}
Dowiedz się więcej o Metamask i jak połączyć go z Spicy Testnet i Chiliz Chain Mainnet tutaj: [jak-uzywac-metamask](/pl/nauka/o-portfelach/jak-uzywac-metamask.md)
{% endhint %}

* Wystarczającą ilość tokena CHZ w portfelu na wdrożenie.
  * Na Chiliz Chain Mainnet będziesz musiał kupić CHZ. Możesz to zrobić na dowolnej giełdzie kryptowalut, takiej jak [Coinbase](https://www.coinbase.com/) lub [Meria](https://meria.com/).
  * Na Spicy Testnet będziesz potrzebować testowych tokenów CHZ, dostępnych przez [Faucet](/pl/tworzenie/podstawy/tokeny-testnet.md).
* Konto w asystencie kodu AI, takim jak ChatGPT, Gemini, Claude lub innym.
* [Konto Reown](https://cloud.reown.com/sign-in) (do integracji konektora WalletKit).

## Znajdź pomysł na dApp

Pierwszym krokiem jest opracowanie przekonującego pomysłu. Ponieważ budujesz na Chiliz Chain, Twój projekt powinien idealnie łączyć technologię blockchain ze światem sportu i rozrywki. Pomyśl, czego mogliby chcieć fani.

{% hint style="info" %}
Dobry pomysł ma wyraźny przypadek biznesowy: Jak generuje wartość? Kim są użytkownicy?

Przykładowy pomysł na dApp: Rynek przewidywań dla fanów.

* Koncepcja: Fani mogą używać CHZ do obstawiania wyników nadchodzących meczów (np. "Czy Drużyna A wygra z Drużyną B?").
* Przypadek biznesowy: Mała procentowa opłata (np. 2%) jest pobierana z puli wygrywającej po rozstrzygnięciu rynku. Opłata ta trafia do portfela beneficjenta, tworząc zrównoważony strumień przychodów.
  {% endhint %}

Możesz użyć narzędzia AI do burzy mózgów i dopracowania pomysłu.

Gdy masz solidną koncepcję, czas stworzyć smart kontrakt.

## Generowanie Smart Kontraktu z AI

Nowoczesne narzędzia AI są zaskakująco zdolne do pisania bezpiecznego, wydajnego kodu smart kontraktów.

{% hint style="info" %}
Smart kontrakty to programy komputerowe przechowywane na blockchainie, które automatycznie wykonują się po spełnieniu określonych warunków. Solidity to jeden z głównych języków smart kontraktów.
{% endhint %}

### Kluczowe wskazówki dotyczące promptów

Gdy piszesz prompt do AI, bądź bardzo konkretny!

Twoje instrukcje muszą zawierać:

1. Wersję Solidity: Podaj wersję równą lub poniżej 0.8.30. Chiliz Chain nie obsługuje jeszcze w pełni najnowszych wersji Solidity.
2. Nie wymyślaj koła na nowo: Poproś AI, aby oparło kontrakt na istniejących kontraktach OpenZeppelin w jak największym stopniu.

{% hint style="info" %}
[OpenZeppelin](https://www.openzeppelin.com/) to platforma open-source do budowania bezpiecznych dApps.

Oprócz różnych usług bezpieczeństwa i audytu, udostępniają [bibliotekę smart kontraktów zweryfikowanych przez społeczność](https://docs.openzeppelin.com/contracts/), bezpłatnie dla każdego.

Kontrakty OpenZeppelin są uważane za standardy branżowe i możesz z nich bezpiecznie korzystać.
{% endhint %}

3. Płaski kontrakt: Poproś AI o wygenerowanie "płaskiego" kontraktu. Oznacza to, że kod powinien być zawarty w jednym pliku i nie polegać na zewnętrznych importach ani zależnościach. To upraszcza późniejszą weryfikację.
4. Adresy portfeli: Podaj adres portfela, który będzie właścicielem kontraktu (deployer), i adres, który będzie otrzymywał opłaty (beneficiary), jeśli takie są.

Teraz czas promptować swoje narzędzie AI!

Po wygenerowaniu kodu Solidity przez AI, pobierz go jeśli to możliwe lub skopiuj i zapisz jako plik `.sol` na swoim komputerze.

## Kompilacja i wdrożenie

Teraz musisz wdrożyć kontrakt na Chiliz Chain.

Użyjemy Remix IDE — darmowego, webowego środowiska — do debugowania, kompilacji i wdrożenia kontraktu:

1. Otwórz Remix IDE: Przejdź na [remix.ethereum.org](https://remix.ethereum.org/).
2. Prześlij kontrakt: Na karcie "File Explorers" po lewej stronie utwórz nowy plik i wklej kod Solidity wygenerowany przez AI.
3. Skompiluj kontrakt:
   * Przejdź do karty "Solidity Compiler".
   * Ustaw wersję kompilatora na "0.8.30+xxx".
   * Kliknij przycisk Compile.

Bardziej szczegółowy przewodnik po wdrożeniu w Remix znajdziesz tutaj:

[Wdróż z Remix](/pl/tworzenie/podstawy/wdrozenie-smart-kontraktu/wdrozenie-z-remix.md)

### Debugowanie z AI

Błędy w początkowym kodzie są normalne. Debugger Remix świetnie je wychwytuje.

Jeśli kompilacja się nie powiedzie, skopiuj komunikat błędu z konsoli Remix. Wróć do narzędzia AI i poproś o naprawę wykrytych błędów.

{% hint style="info" %}
Możesz użyć promptu takiego jak:

"Kod Solidity, który mi dałeś, wygenerował następujący błąd w Remix IDE. Proszę, napraw go: ..." i wklej wszystkie komunikaty błędów z Remix.
{% endhint %}

Powtarzaj proces kompilacji w Remix i naprawiania przez AI, aż kontrakt skompiluje się pomyślnie bez żadnych błędów.

### Wdróż na Spicy Testnet

Gdy smart kontrakt jest skompilowany, czas go wdrożyć:

1. Przejdź do karty "Deploy & Run Transactions" w Remix.
2. Dla Środowiska wybierz "Injected Provider - MetaMask". Spowoduje to połączenie portfela z Remix.
3. Upewnij się, że MetaMask jest połączony z Spicy Testnet podczas fazy testowania.
4. Kliknij przycisk Deploy w Remix. Portfel wyświetli okno dialogowe z prośbą o potwierdzenie transakcji i zapłatę opłaty gas w testowych tokenach CHZ.

Po potwierdzeniu powinieneś zobaczyć wdrożony kontrakt w sekcji "Deployed Contracts" w Remix. Transakcja będzie też dostępna na [Chiliscan Spicy](https://testnet.chiliscan.com/).

## Weryfikacja kontraktu

Teraz musisz zweryfikować smart kontrakt on-chain. Zweryfikowany kontrakt jest przejrzysty i godny zaufania. Pozwala użytkownikom czytać i audytować kod źródłowy bezpośrednio w block explorerze.

Oto jak to zrobić za pomocą [Chiliscan Spicy](https://testnet.chiliscan.com/):

1. Na Chiliscan znajdź transakcję wdrożenia i skopiuj adres nowego kontraktu.
2. Otwórz [Chiliscan Spicy Contract Verifier](https://testnet.chiliscan.com/verifycontract).
3. Wypełnij formularz weryfikacyjny: Będziesz musiał podać kilka informacji.

{% hint style="info" %}
Możesz poprosić narzędzie AI o pomoc, używając promptu takiego jak:

"Muszę zweryfikować mój smart kontrakt Solidity na Chiliscan. Adres kontraktu to `0xxxxxxxx`. Wersja kompilatora to 0.8.30. Czy możesz mi powiedzieć, co wpisać w polach dla ... ?"
{% endhint %}

4. Prześlij formularz. Jeśli wszystkie dane są poprawne, kod źródłowy kontraktu będzie teraz publiczny na Chiliscan!

## Budowanie frontendu z narzędziem vibe-coding

Gdy Twój smart kontrakt jest aktywny i zweryfikowany, potrzebujesz interfejsu użytkownika (UI) do interakcji z nim. Do tego możesz użyć dowolnego narzędzia vibe-coding:

1. Zaloguj się na konto wybranego Asystenta Kodowania.
2. Rozpocznij nowy projekt i zacznij promptować AI. Bądź konkretny w opisie tego, co chcesz zbudować.

{% hint style="info" %}

#### **Przykładowy prompt**

"Chcę zbudować frontend dla mojej dApp na Chiliz Chain. Na razie potrzebuję, abyś stworzył dla Spicy Testnet:

* Endpoint RPC: <https://spicy-rpc.chiliz.com/>
* RPC Websocket: wss\://spicy-rpc-ws.chiliz.com/
* Chain ID: 88882
* Symbol waluty: CHZ

Chcę, aby moja dApp robiła: XXX.\
Adres Smart Kontraktu: \[TWÓJ\_ADRES\_WDROŻONEGO\_KONTRAKTU]\
Moje adresy portfeli:

* Właściciel to \[TWÓJ\_ADRES\_WŁAŚCICIELA]
* Beneficjent to \[TWÓJ\_ADRES\_BENEFICJENTA].

Instrukcje:

* Stwórz interfejs webowy używając najpopularniejszych narzędzi dla dApps.
* Powinien wyświetlać xxxx.
* Użytkownicy powinni móc xxxx.
* Właściciel powinien mieć panel admina chroniony hasłem do tworzenia xxxx."
* xxxx"
  {% endhint %}

Bądź jak najbardziej konkretny! I nie wahaj się iterować.

## Integracja portfeli użytkowników

Aby użytkownicy mogli połączyć swoje portfele z dApp, potrzebujesz rozwiązania do łączenia portfeli. Wybrane przez Ciebie narzędzie AI powinno być w stanie zintegrować [Reown WalletKit](https://reown.com/walletkit).

Będziesz musiał utworzyć konto Reown:

1. [Zarejestruj konto Reown Cloud](https://cloud.reown.com/sign-in) jeśli jeszcze nie masz, następnie zaloguj się.
2. Kliknij "Create Project". Wpisz nazwę projektu i kliknij "Continue".
3. Wybierz produkt "WalletKit" i kliknij "Continue".
4. Wybierz framework "Next.js" i kliknij "Create".

Reown Cloud stworzy nowy projekt, który wygeneruje ID projektu. Znajdziesz je w lewym górnym rogu: Skopiuj to ID, będzie Ci potrzebne.

Następnie poproś narzędzie AI o obsługę integracji.

{% hint style="info" %}

#### **Przykładowy prompt**

"Dodaj funkcjonalność łączenia portfela używając WalletKit Reown. Podam Ci ID projektu WalletKit i klucze API po utworzeniu konta. Skonfiguruj to tak, aby przycisk 'Połącz portfel' używał WalletKit."
{% endhint %}

Postępuj zgodnie z instrukcjami AI i WalletKit, aby zakończyć konfigurację. Będziesz musiał kopiować i wklejać informacje z konta WalletKit do projektu AI.

Kontynuuj zapytania i testowanie w środowisku AI, aż frontend dApp będzie w pełni funkcjonalny i będziesz zadowolony z rezultatu.

## Przejście na Chiliz Chain Mainnet

Do tej pory prosiliśmy wszystkie narzędzia AI o pracę ze Spicy Testnet. Jest to niezbędne do testowania aplikacji na bezpiecznym blockchainie, ale nie może być używane do projektów produkcyjnych — szczególnie dlatego, że działa tylko z testowymi tokenami CHZ, a nie prawdziwymi.

Aby przenieść aplikację ze Spicy Testnet na Chiliz Chain Mainnet, będziesz musiał powtórzyć większość powyższych kroków:

1. Wdróż kontrakt w Remix ponownie, tym razem z Chiliz Chain Mainnet.
2. Sprawdź, czy kontrakt jest rzeczywiście wdrożony na [Chiliscan Mainnet](https://chiliscan.com/).
3. Zweryfikuj kontrakt na [Chiliscan Mainnet Contract Verifier](https://chiliscan.com/verifycontract).
4. Na koniec poproś AI o aktualizację aplikacji do Chiliz Mainnet. Bądź konkretny!

{% hint style="info" %}

#### **Przykładowy prompt**

"Chcę zaktualizować aplikację dla Chiliz Chain Mainnet. Musisz tylko zaktualizować URL RPC i ChainID, nic więcej:\
\* Endpoint RPC: <https://rpc.ankr.com/chiliz\\>
\* Chain ID: 88888"
{% endhint %}

## Ostateczny test

Przetestuj aplikację jeszcze raz przed udostępnieniem jej komukolwiek.

To wszystko! Masz teraz kompletną, wspomaganą AI dApp działającą na Chiliz Chain!


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.chiliz.com/pl/tworzenie/podstawy/poradniki/tworzenie-dapp-z-ai.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.