pi-neon-editor
为pi编辑器添加动态霓虹边框的趣味美化工具
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:pi-neon-editor。 它的用途是:为pi编辑器添加动态霓虹边框的趣味美化工具 完整的 Skill 内容见:https://321skill.com/skills/pi-neon-editor/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'为我的pi编辑器添加流动霓虹边框,使用蓝紫渐变预设,并开启打字响应效果。' 它会自动安装pi-neon-editor,在配置中设置预设为'blue-purple',渲染模式为'flow',并启用typing动画,让输入框在打字时呈现流动的霓虹光效。
介绍
pi-neon-editor 是一个专为 pi 输入编辑器设计的动画美化插件,通过流动的霓虹边框效果,让原本单调的输入框瞬间充满科技感与视觉活力。它解决了终端界面或编辑器输入区域缺乏动感与个性化的问题,适合希望提升日常使用趣味性的开发者与创作者。
使用方式非常简单:通过 npm 一键安装后,即可在 pi 编辑器中启用。插件内置了多种真彩色渐变预设(如蓝紫、青橙、红金等),支持不同渲染模式(如流动、闪烁、呼吸),并能根据输入状态(打字中、发送、完成、工作中)自动切换动画效果。用户还可以自定义颜色方案和预设,完全掌控视觉风格。
适合的群体包括:前端开发者、全栈开发者、内容创作者以及任何喜欢定制终端/编辑器界面的技术爱好者。无论你是想为演示增添亮点,还是在日常编码中注入一点小乐趣,这个工具都能轻松满足。
建议在使用时注意与现有主题或配色方案的兼容性,避免因颜色冲突影响可读性。另外,动画效果可能会消耗少量系统资源,在低性能设备上可适当降低动画帧率或选择简单渲染模式。
核心特点
与通用终端美化工具不同,pi-neon-editor 专为 pi 输入编辑器量身定制,提供流动的霓虹边框动画,并根据打字、发送、完成等交互状态实时响应,同时支持用户自定义渐变预设,实现高度个性化。
注意事项
仅适用于 pi 输入编辑器,无法在其他编辑器或终端中直接使用。
常见问题
如何安装 pi-neon-editor?
在终端中运行 npm install pi-neon-editor 即可安装。
可以自定义边框颜色吗?
可以,插件支持用户自定义预设,你可以在配置文件中设置任意 truecolor 颜色和渐变。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/pi-neon-editor/raw/index.md 读取 pi-neon-editor 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/pi-neon-editor/raw/index.md(查看排版版本)