Od nule do petlje za pet minuta.
Sve u nastavku je spremno za kopiranje. Na kraju imat ćete widget u aplikaciji, javnu roadmapu, priključenog AI agenta i changelog koji se sam najavljuje.
Brzi početak
Cijela petlja je pet koraka. Registrirajte se, dodajte jedan script tag, objavite roadmapu, usmjerite agenta na MCP i pustite changelog da se napiše sam.
1. Stvorite projekt
Registrirajte se i stvorite projekt iz nadzorne ploče. Dajte mu ime i slug — slug identificira projekt kroz widget, javne stranice i API.
2. Ugradite widget za povratne informacije
Dodajte jednu oznaku prije </body>. To je cijela instalacija — ID projekta preuzmite iz Postavke → Embed u nadzornoj ploči.
<!-- Add before </body> --> <script src="https://api.usedamper.com/widget.js" data-project-id="YOUR_PROJECT_ID" ></script>
Sve je podesivo putem atributa — tema, pozicija, boje, stil okidača i tekst koji korisnici vide:
<script src="https://api.usedamper.com/widget.js" data-project-id="YOUR_PROJECT_ID" data-theme="auto" data-position="right" data-primary-color="#2563eb" data-trigger-label="Feedback" data-trigger-style="subtle" data-greeting="How can we improve?" data-placeholder="Describe your idea..." data-keyboard-shortcut="ctrl+shift+f" data-feedback-types="bug,feature,improvement" data-enable-sentiment="true" ></script>
| Atribut | Zadano | Opis |
|---|---|---|
data-project-id | — | Your project ID — required. Finds your widget config and routes submissions. |
data-server-url | — | Override the API base URL (for self-hosting or custom domains). |
data-theme | auto | Match your app — light, dark or auto. |
data-position | right | Which corner the trigger sits in. |
data-primary-color | #2563eb | Accent color for the widget UI. |
data-trigger-label | Feedback | Text on the trigger button. |
data-trigger-style | subtle | How loud the trigger looks. |
data-greeting | — | First line users see when it opens. |
data-keyboard-shortcut | — | Power-user shortcut to open it. |
data-feedback-types | bug,feature,improvement | Which types users can submit. |
data-enable-sentiment | true | Analyze tone of submissions. |
Identificiraj prijavljene korisnike
Proslijedite prijavljenog korisnika widgetu s HMAC potpisom i njegovim planom — glasovi stižu unaprijed težinski, a widget može biti ograničen samo na identificirane korisnike.
// after your user logs in Damper.identify({ userId: "user_123", // required email: "[email protected]", // optional, for notifications plan: "pro", // optional, drives vote weight tier: 50, // optional, priority 1-99 userHash: "hmac-signature" // optional, verified identity });
JavaScript API
Sve je kontrolirano i iz koda: Damper.open(), Damper.close(), Damper.isOpen(), Damper.isIdentified() i Damper.identify() — za otvaranje widgeta nakon upsell upita ili slanje povratnih informacija iz vlastitog sučelja.
3. Objavite svoju roadmapu
Stvarite stavke roadmape iz povratnih informacija u inboxu — ili ispočetka. Dodajte ih na ploču, označite javnima i podijelite poveznicu. Glasovači biraju stavke, ostavljaju e-poštu i njihovi glasovi pogađaju vašu ocenu potražnje.
Vaš projekt uz roadmapu dobiva i javnu ploču povratnih informacija i changelog — svaki sa svojim prekidačem, stilom i pretplatnicima.
4. Povežite svog AI agenta
Damper isporučuje hostani MCP poslužitelj — svaki MCP klijent može raditi na vašoj roadmapi. Dodajte ga u Claude Codeov .mcp.json:
{
"mcpServers": {
"damper": {
"type": "http",
"url": "https://api.usedamper.com/mcp",
"headers": {
"Authorization": "Bearer dmp_..."
}
}
}
}
Ključ stvorite pod Postavke → API ključevi. Preporučena agentska petlja: get_project_context → list_tasks → start_task → rad → complete_task.
5. Automatizirajte changelog
Kad je javni zadatak označen gotovim, Damper ga dodaje u nacrt unosa changeloga. Objavite ga i glasači se automatski obavijeste e-poštom. Povežite X pod integracijama i izdanja se objavljuju sama.
Integracije
- Slack — instalirajte Damper aplikaciju u svoj workspace i koristite prečac poruke da svaku nit pretvorite u povratnu informaciju.
- X / Twitter — povežite račun jednom; objavljeni unosi changeloga mogu se sami objavljivati.
- Stripe — vaši razine plana upravljaju težinskim glasova na roadmapi.
- E-pošta — glasači i podnositelji obavijeste se kad se ono što su tražili isporuči.
Referenca
Dubinske analyze za graditelje:
- MCP referenca — svih 100+ alata, autentikacija i tijek rada. — all 100+ tools, auth and the workflow.
- AI izvršavanje — kako agenti rade na vašoj roadmapi. — how agents work your roadmap.
- Težinsko glasovanje — kako se računaju ocene potražnje. — how demand scores are calculated.
- Pages — bilješke, sastanci i stranice baza sa živim relacijama. — notes, meetings and database pages with live relations.
- Statusne stranice — monitori, incidenti i e-pošta pretplatnika. — monitors, incidents and subscriber emails.
- Zapisi grešaka — učitavajte produkcijske greške putem API-ja. — ingest production errors by API.
- Widget — identitet, privici i JS API. — identity, attachments and the JS API.
- Graf konteksta — tipkani kontekst za agente za kodiranje. — typed context for coding agents.
- Status pages — monitors, incidents and subscriber emails.
- Error logs — ingest production errors by API.
- Widget — identity, attachments and the JS API.
- Context graph — typed context for coding agents.