@compn3rd/pi-web-pendant-theme
为PI WEB设计的复古像素风格主题包
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：@compn3rd/pi-web-pendant-theme。 它的用途是：为PI WEB设计的复古像素风格主题包 完整的 Skill 内容见：https://321skill.com/skills/compn3rd-pi-web-pendant-theme/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我把PI WEB的界面换成复古电脑终端的感觉。”，它会推荐你安装并使用此主题的“Green Phosphor”（绿色磷光）变体，安装启用后，你的编辑器将呈现出经典绿色字符终端的视觉效果，搭配像素字体和扁平化控件，瞬间带来沉浸式的怀旧编程体验。
介绍
这个Skill是一个专门为PI WEB界面设计的视觉主题包，旨在解决用户对默认界面审美疲劳、希望获得更具个性和复古科技感视觉体验的问题。它通过替换字体、调整界面元素样式（如锐利的边角、扁平化表面）以及添加微妙的像素网格背景，将界面整体风格转变为受复古手持设备（Pendant）启发的像素美学。
使用方式非常简单，用户通过npm安装此主题包后，在PI WEB的相应主题配置处启用即可。主题提供了多种预设的深色变体，用户可以根据喜好一键切换，无需手动调整复杂的CSS或设计参数，即可获得一套完整、协调的视觉方案。
它非常适合追求独特界面风格的前端开发者、对复古科技（如CRT显示器、早期图形界面）有情怀的用户，以及任何希望为自己常用的PI WEB工具打造个性化工作环境的爱好者。
在使用时，建议用户根据自己长时间编码或阅读的舒适度选择合适的主题变体，例如“琥珀色CRT”变体模仿老式显示器，可能更适合低光环境；同时请注意，此类风格化主题可能在一定程度上改变信息密度和可读性，初次使用时建议短暂试用以确认是否符合自己的操作习惯。
核心特点
其核心区别在于提供了多达6种精心调校的深色复古像素变体（如琥珀CRT、绿色磷光等），每种都完整复刻了特定老式显示器的色彩与质感，而非简单的颜色切换；并且严格使用Source Sans 3和Press Start 2P字体组合，在保证正文可读性的同时，精准营造像素风格的装饰性点缀。
注意事项
不适合追求极简现代风格或需要高信息密度、严格遵循无障碍设计标准的用户。
常见问题
这个主题会影响PI WEB的功能吗？
不会，它只改变视觉样式，不影响任何核心功能。
如何切换不同的颜色变体？
安装后，在PI WEB的主题设置中选择对应的变体名称即可。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/compn3rd-pi-web-pendant-theme/raw/index.md 读取 @compn3rd/pi-web-pendant-theme 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/compn3rd-pi-web-pendant-theme/raw/index.md（查看排版版本）