Developer workflow
Windsurf/Cascade developers and agencies
Add an AI customer-support assistant to Windsurf
Use Windsurf Cascade to place the Chirps snippet in your global layout, review the proposed change, and test the deployed site.
10–15 min
Typical first install
Preview first
Review before publishing
Installation path
Reviewable code change
Prompt-driven placement with a visible code diff
Suitable for HTML, React, and Next.js projects
No credentials are placed in the application source
Step-by-step
Install Chirps on Windsurf
Follow the path that matches your project. Keep the generated snippet private to your workspace and verify the result on a preview URL.
Create your Chirps AI Assistant
Sign up at chirps.cc, provide your website URL or upload your knowledge base files, and grab your unique JavaScript embed script.
Open Windsurf IDE
In your Windsurf IDE, use the Cascade AI feature to start a new prompting session.
Prompt the AI
Type: "Inject this script tag into my global layout or html file to add my customer support assistant: [paste snippet here]"
Accept changes
Windsurf will automatically find the correct context boundary to deploy the script. Hit accept, save, and deploy your site.
Keep the installation maintainable
The embed only mounts the widget. Your content, privacy settings, bookings, leads, and handoff rules stay editable in Chirps, so a content change does not require another deployment.
Questions
Windsurf integration FAQ
How do I add Chirps AI to Windsurf?
Create or select an assistant in Chirps, train it on the public pages or files you choose, copy the generated installation snippet, and place it in the global layout or code-injection area for Windsurf. Test the preview before publishing.
What can the Windsurf assistant help with?
It can answer questions grounded in your approved knowledge, collect enquiries, offer booking or lead forms when those artifacts are enabled, and hand conversations to your configured human-support channel.
Can I change the assistant after installation?
Yes. Widget appearance, knowledge, instructions, language, and enabled artifacts are managed in Chirps. You normally do not need to edit the site code again unless you move the widget to a different layout.