askable

askable 是一款创新的前端工具，旨在解决AI助手在视觉交互中的核心痛点——让LLM能够直接“看到”用户界面上的内容，无需用户费力描述。通过简单的HTML属性标记，开发者可以轻松为LLM提供精确的视觉上下文，提升AI交互的自然性和效率。

核心功能

askable 的核心功能是通过 data-askable 属性，将用户界面中的任何元素直接暴露给LLM。这意味着当用户与AI助手交互时，LLM可以自动获取当前页面的视觉信息，例如按钮、文本、图像或布局，而无需依赖传统的页面抓取或复杂的DOM操作。这消除了用户手动描述所见内容的负担，使AI交互更加流畅和直观。

主要特性

• 简单集成：只需添加 data-askable 属性到HTML元素，无需复杂配置或额外代码，两行代码即可实现。
• 无侵入设计：不进行页面抓取或DOM膨胀，保持页面性能稳定，避免对现有代码结构造成影响。
• 精准上下文：提供用户界面的精确视觉上下文，LLM能直接理解元素内容，减少提示工程的需求。
• 跨平台兼容：适用于各种前端框架和LLM集成场景，灵活适配不同开发环境。
• 提升用户体验：让AI助手更智能地响应视觉相关查询，增强交互的自然性和实用性。

适用场景

askable 适用于需要AI助手处理视觉信息的应用，如智能客服、内容管理工具、教育平台或游戏界面。例如，在电商网站中，用户可以直接询问“这个按钮是什么功能？”，而AI助手能基于 data-askable 标记的元素快速回答，无需用户截图或详细描述。这大大降低了开发门槛，让LLM集成更高效，推动AI驱动的产品创新。