pi-autocomplete-overlay
将Pi的原生自动补全菜单显示为编辑器上方的覆盖层。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：pi-autocomplete-overlay。 它的用途是：将Pi的原生自动补全菜单显示为编辑器上方的覆盖层。 完整的 Skill 内容见：https://321skill.com/skills/pi-autocomplete-overlay/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我写一个React函数组件……'，当您输入到一半时，Pi的自动补全覆盖层会出现在光标上方，实时提供组件名称、属性或Hooks等建议，您可以直接用方向键和回车键选择，无需视线离开当前编辑行。
介绍
该Skill旨在解决用户在代码编辑器中使用Pi进行编程时，原生自动补全菜单可能被编辑器界面遮挡或布局不直观的问题。它通过创建一个独立的覆盖层，将Pi的智能补全建议清晰地悬浮在编辑器上方，确保用户在任何编辑区域都能便捷地查看和选择补全项。
使用方式非常简单，用户只需在支持的环境中安装此Skill，它便会自动工作，将Pi的自动补全功能以覆盖层的形式呈现，无需复杂的配置或额外的交互步骤。
此Skill非常适合所有依赖Pi进行代码编写、文档撰写或任何需要文本自动补全功能的开发者、技术写作者及效率追求者，特别是那些希望获得更流畅、更少视觉干扰的补全体验的用户。
建议在屏幕空间充足的环境下使用以获得最佳体验。由于它依赖于Pi的原生补全功能，其补全质量和范围由Pi自身决定，本Skill仅负责优化其显示方式。初次使用时请确保Pi的自动补全功能已正常启用。
核心特点
核心区别在于它并非重新实现一个补全引擎，而是直接调用并优化呈现Pi系统原生的自动补全菜单，确保了补全建议的准确性和一致性；同时，其覆盖层设计能有效避免菜单被编辑器UI元素遮挡。
注意事项
不适合屏幕空间极其受限或对覆盖层UI有特定兼容性要求的编辑器环境。
常见问题
这个skill和编辑器自带的补全有什么区别？
它展示的是Pi AI的智能补全建议，而非编辑器基于语法的补全，更侧重语义和上下文理解。
安装后需要配置吗？
通常无需额外配置，安装后自动生效，将Pi的补全菜单转为覆盖层显示。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/pi-autocomplete-overlay/raw/index.md 读取 pi-autocomplete-overlay 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/pi-autocomplete-overlay/raw/index.md（查看排版版本）