Blowback Context

Integrates with frontend development environments to provide real-time feedback and debugging capabilities through browser automation, capturing console logs, monitoring HMR events, and enabling DOM interaction without leaving the conversation interface.

Skills

Explore the skills and capabilities of this skillset.

how-to-use

Description of how to use the server

start-browser

Launches a browser instance and navigates to the dev server

get-hmr-events

Retrieves recent HMR events

monitor-network

Monitors network requests in the browser for a specified duration

get-console-logs

Retrieves console logs from the development server

get-element-html

Retrieves the HTML content of a specific element and its children

capture-screenshot

Captures a screenshot of the current page or a specific element. Stores the screenshot in the MCP resource system and returns a resource URI. If ENABLE_BASE64 environment variable is set to 'true', also includes base64 encoded image in the response.

get-element-styles

Retrieves style information of a specific element

get-element-dimensions

Retrieves dimension and position information of a specific element

get-element-properties

Retrieves properties and state information of a specific element

execute-browser-commands

Executes a sequence of predefined browser commands safely. Available commands: - click: Clicks on an element matching the selector or at specified coordinates - type: Types text into an input element - wait: Waits for an element, a specified time period, or a condition - navigate: Navigates to a specified URL - select: Selects an option in a dropdown - check: Checks or unchecks a checkbox - hover: Hovers over an element - focus: Focuses an element - blur: Removes focus from an element - keypress: Simulates pressing a keyboard key - scroll: Scrolls the page or an element - getAttribute: Gets an attribute value from an element - getProperty: Gets a property value from an element - drag: Performs a drag operation from one position to another - refresh: Refreshes the current page Note on coordinates: For all mouse-related commands (click, drag, etc.), coordinates are relative to the browser viewport where (0,0) is the top-left corner. X increases to the right, Y increases downward. Examples are available in the schema definition.

Configuration

Customize the skillset to fit your needs.
MCP Server

Connect to MCP Server

Blowback Context

需求文档撰写助手
告诉我您的产品或功能想法 - 我将帮助您创建全面且详细的需求文档,涵盖用户故事、验收标准、技术规范等内容。
AI 写作助手
告诉我有关 AI 产品或品牌的信息 - 我将撰写吸引人的营销文案、文章和社交媒体帖子,根据您的品牌声音和产品细节量身定制,并附上相关链接和插图。
股票新闻报告员
这个 AI 智能体实时监控和分析美国主要股票新闻,生成结构化的投资报告,提供关键见解、市场反应和行业级别的总结。
品牌设计师
一款专为初创数字产品设计的品牌营销 AI 助手,帮助您快速生成适合 Product Hunt、AppSumo 等平台的在线推广材料,涵盖视觉创意、推广标语、品牌语调和卖点传达
AI 网页工程师
AI Programmer 是一个 AI 页面,可以将您的原始发布说明转换为时尚、可发布的 HTML 页面。
Github issues 助手
Github Issues 助手是一个 AI 智能体,用于简化 GitHub issues的管理。它可以直接在存储库中简化创建、跟踪和优先处理错误、任务或功能请求的过程。非常适合团队使用,确保一致的格式,自动化重复步骤,并与开发管道集成。
社区活动分析员
分析社区活动截图,报告参与趋势和讨论亮点。上传社区互动的截图,该智能体会生成一份清晰的markdown报告,总结参与水平、关键讨论主题和显著亮点 — 非常适合社区经理、市场营销人员和产品团队。
办公文档助手
一个专为公司内部运营设计的 AI 虚拟行政助理。帮助您快速创建高质量的内部文档,如公告、会议记录、摘要、表格、流程和人力资源记录。
X/Twitter 助手
一个 AI 驱动的 Twitter 助手,帮助内容创作者将 AI 产品体验转化为病毒式推文 - 具有自动润色、智能研究和一键发布功能。

Frequently Asked Questions

Bika.ai是免费使用的吗?
是什么让 Bika.ai 如此独特?
一句话快速介绍:什么是Bika.ai?
"BIKA" 这个缩写单词代表什么意思?
Bika.ai是怎么做到AI自动化做事的?
Bika.ai与Kimi、ChatGPT等AI助手有什么区别?
Bika.ai与多维表格有什么区别?
Bika.ai在单表数据量、关联引用变多后,如几万行、几十万行,会卡吗?
Bika.ai中的"空间站"是什么?
付款后我拥有多少个付费空间?
什么是"资源"?
Bika.ai的团队是怎样”吃自己的狗粮“(应用自己的产品)的?
Bika.ai如何帮助提高工作效率?
Bika.ai 的AI自动化功能有哪些特点?
Bika.ai 中的自动化模板是什么?
Bika.ai 是否支持团队协作及权限功能?
Bika.ai是否只适合个人使用?企业团队会不适合?

Embark on Your AI Automation