智能提示 是 AI Skill Hub 本期精选Prompt模板之一。综合评分 7.5 分,整体质量较高。我们推荐使用将其纳入你的 AI 工具库,帮助提升工作效率。
智能提示 是经过精心设计和反复验证的专业 Prompt 模板集合。这些 Prompt 框架能够有效激活 Claude、ChatGPT 等大型语言模型的深层能力,让 AI 生成更准确、更有价值的输出结果。无需任何安装,直接复制模板内容到 AI 对话框即可使用。
智能提示 是经过精心设计和反复验证的专业 Prompt 模板集合。这些 Prompt 框架能够有效激活 Claude、ChatGPT 等大型语言模型的深层能力,让 AI 生成更准确、更有价值的输出结果。无需任何安装,直接复制模板内容到 AI 对话框即可使用。
# Prompt 无需安装,直接复制使用 # 支持:Claude / ChatGPT / Gemini / 通义千问 等主流模型 # 使用步骤 # 1. 复制 Prompt 模板内容 # 2. 粘贴到 AI 对话框 # 3. 替换 [占位符] 为实际内容 # 4. 发送后获取结构化输出 # 获取原始文件 git clone https://github.com/askable-ui/askable
# 粘贴到 Claude/ChatGPT 使用 # 示例 Prompt 结构: 你是一位 [角色],擅长 [领域]。 请根据以下要求完成任务: 任务背景:[描述背景] 具体要求:[详细说明] 输出格式:[期望格式] # 将 [] 内内容替换为实际需求
# askable 配置说明 # 查看配置选项 askable --config-example > config.yml # 常见配置项 # output_dir: ./output # log_level: info # workers: 4 # 环境变量(覆盖配置文件) export ASKABLE_CONFIG="/path/to/config.yml"
<p align="center"> <img src="site/www/avatar.png" alt="askable-ui" width="96" /> </p>
<p align="center"> <strong>Two lines of code to give your LLM eyes.</strong><br /> One attribute. Zero prompt engineering. It knows exactly what the user sees. </p>
<p align="center"> <a href="https://www.npmjs.com/package/@askable-ui/core"> <img src="https://img.shields.io/npm/v/@askable-ui/core?color=4f46e5&label=npm" alt="npm version" /> </a> <a href="https://www.npmjs.com/package/@askable-ui/core"> <img src="https://img.shields.io/npm/dw/@askable-ui/core?color=4f46e5&label=downloads" alt="npm downloads" /> </a>
<a href="./LICENSE"> <img src="https://img.shields.io/npm/l/@askable-ui/core?color=4f46e5" alt="MIT license" /> </a> <a href="https://github.com/askable-ui/askable/actions"> <img src="https://img.shields.io/github/actions/workflow/status/askable-ui/askable/static_quality.yml?branch=main&color=4f46e5&label=CI" alt="CI" /> </a> <img src="https://img.shields.io/badge/PRs-welcome-4f46e5" alt="PRs welcome" /> </p>
<p align="center"> <video src="https://github.com/user-attachments/assets/dfc6a889-e093-452d-8259-e7123b446d24" autoplay loop muted playsinline width="720"></video> </p>
<p align="center"> <a href="#quick-start">Quick Start</a> · <a href="#why">Why</a> · <a href="#how-it-works">How it works</a> · <a href="#works-with">Works with</a> · <a href="#features">Features</a> · <a href="#packages">Packages</a> · <a href="https://askable-ui.com/docs/">Docs</a> · <a href="https://askable-ui.com/docs/guide/agents">Agent Templates</a> · <a href="https://askable-mu.vercel.app/">Live Demo</a> </p>
---
window is not definedctx.select(element) pins focus to any element programmaticallyctx.toHistoryContext(n) for multi-turn contextctx.getVisibleElements() / ctx.toViewportContext() for on-screen contextctx.toContextPacket() for agent/MCP-ready page context<AskableInspector /> or useAskable({ inspector: true }) for a live dev overlayAGENTS.md guidance and copy-paste prompts for coding-agent-driven adoption---
npm install @askable-ui/react
import { Askable, useAskable } from '@askable-ui/react';
function Dashboard({ kpi }) {
const { promptContext } = useAskable();
// promptContext: "User is focused on: metric=revenue, value=$2.3M, delta=+12%"
return (
<Askable meta={{ metric: kpi.name, value: kpi.value, delta: kpi.delta }}>
<KPICard data={kpi} />
</Askable>
);
}
That's it. promptContext updates automatically as the user interacts. Pass it to any LLM.
Need a runnable starter app with Askable and CopilotKit?
npm create @askable-ui/app my-app
cd my-app
npm install
npm run dev
---
| Package | Version | Use when |
|---|---|---|
[@askable-ui/core](https://www.npmjs.com/package/@askable-ui/core) | [](https://www.npmjs.com/package/@askable-ui/core) | Vanilla JS, custom framework, or as a peer dep |
[@askable-ui/context](https://www.npmjs.com/package/@askable-ui/context) | [](https://www.npmjs.com/package/@askable-ui/context) | Shared Context packet types, schema, and validators |
[@askable-ui/react](https://www.npmjs.com/package/@askable-ui/react) | [](https://www.npmjs.com/package/@askable-ui/react) | React 18+ |
[@askable-ui/react-native](https://www.npmjs.com/package/@askable-ui/react-native) | [](https://www.npmjs.com/package/@askable-ui/react-native) | React Native (initial press-driven adapter) |
[@askable-ui/vue](https://www.npmjs.com/package/@askable-ui/vue) | [](https://www.npmjs.com/package/@askable-ui/vue) | Vue 3 |
[@askable-ui/svelte](https://www.npmjs.com/package/@askable-ui/svelte) | [](https://www.npmjs.com/package/@askable-ui/svelte) | Svelte 4 & 5 |
[@askable-ui/mcp](https://www.npmjs.com/package/@askable-ui/mcp) | [](https://www.npmjs.com/package/@askable-ui/mcp) | MCP bridge for exposing Context packets to agents |
[@askable-ui/create-app](https://www.npmjs.com/package/@askable-ui/create-app) | [](https://www.npmjs.com/package/@askable-ui/create-app) | React + Vite + CopilotKit starter scaffold |
<details> <summary><strong>Framework quick starts</strong></summary>
高质量的开源Prompt模板,值得关注
AI Skill Hub 为第三方内容聚合平台,本页面信息基于公开数据整理,不对工具功能和质量作任何法律背书。
建议在沙箱或测试环境中充分验证后,再部署至生产环境,并做好必要的安全评估。
✅ MIT 协议 — 最宽松的开源协议之一,可自由商用、修改、分发,仅需保留版权声明。
经综合评估,智能提示 在Prompt模板赛道中表现稳健,质量良好。如果你已有明确的使用需求,可以直接上手体验;如果还在评估阶段,建议对比同类工具后再做决策。
| 原始名称 | askable |
| 原始描述 | 开源Prompt模板:Two lines of code to give your LLM eyes. One attribute.。⭐8 · TypeScript |
| Topics | aiai-agentscopilotdeveloper-tools |
| GitHub | https://github.com/askable-ui/askable |
| License | MIT |
| 语言 | TypeScript |
收录时间:2026-05-31 · 更新时间:2026-06-02 · License:MIT · AI Skill Hub 不对第三方内容的准确性作法律背书。
选择 Agent 类型,复制安装指令后粘贴到对应客户端