美化交互界面 的 AI Skill
共 157 个，按热度排序。把美化交互界面这件事交给 AI 来做。
ui-ux-pro-max-skill
为多平台和框架提供专业UI/UX设计智能的AI技能。
pi-cc-extensions
为Pi平台打造的Claude Code风格生产力套件
@adrianapan/pikit
一个功能全面、开箱即用的Pi Agent增强配置包。
frontend-design
用设计思维打造可访问的前端界面
frontend-design
打造独特且无障碍的前端界面
frontend-design
创建独特、可访问的前端界面
赛博朋克主题
安装/修复/定制OpenClaw赛博朋克主题
ia-frontend-design
前端界面视觉设计与美学方向
ia-frontend-design
前端视觉设计与美学方向指导
ia-frontend-design
前端界面视觉设计与美学指导
@tmustier/pi-session-hud
为Pi会话提供紧凑的底部栏和Amp风格输入框美化组件。
pi-hud-footer
为Pi编码Agent提供Claude HUD风格的自定义页脚组件。
@glemsom/pi-my-look
为PI平台提供现代化UI美化与品牌增强组件
pi-compact-transcript
为PI提供紧凑的对话记录扩展，优化信息展示。
@pi-kaush/pi-welcome-screen
替换Pi启动页为居中品牌标识与紧凑资源摘要。
@baretread/pi-forge
为Pi平台设计的哑光石墨与熔融铜主题，提供独特的视觉氛围。
pi-hide-providers
隐藏Pi模型选择器中不需要的提供商和模型
pi-better-openai
增强OpenAI体验，提供快速模式与用量统计。
@taterdoge/pi-status
为Pi编辑器提供可配置的状态栏和边框装饰。
pi-cozy-ui
为Pi桌面提供舒适UI主题和侧边栏输入框的组件库。
pi-neon-editor
为pi编辑器添加动态霓虹边框的趣味美化工具
@ifi/oh-pi-themes
为AI助手pi提供多种流行配色主题
pi-atelier
为Pi提供响应式状态栏与实时活动侧边栏
pi-fancy-footer
为PI提供美观的页脚扩展
@saburto/pi-colorful-footer
用多彩图标状态栏替换默认页脚，无需特殊字体。
pi-power-toys
为Pi编码助手提供高级用户自定义功能
pi-thinking-box
为Pi Agent的思考过程添加样式化背景框。
pi-blackboard-theme
为Pi编辑器提供黑板风格主题
@nerisma/pi-input-revamp
为PI平台设计的增强型输入编辑器，提供美观界面与实时会话指标。
@compn3rd/pi-web-pendant-theme
为PI WEB设计的复古像素风格主题包
@graelo/pi-defer-modal
在用户输入时延迟弹出模态框，避免打断操作。
pi-glance
为PI提供圆润的多行输入框，并内嵌模型、上下文和状态概览。
pi-compact-display
为Pi工具提供紧凑显示模式的浏览器扩展。
@underactive/pi-topping
替换Pi助手默认加载动画，显示动态词和计时器
oh-my-design
一键为AI编程助手注入400+真实公司设计系统记忆
@ifdog/pi-statuswrap
解决Pi助手多扩展状态显示被截断的问题。
pi-live-theme
为AI助手添加实时预览主题的斜杠命令
@mcowger/pi-suppress-providers
在Pi平台中按需隐藏模型提供商，简化选择界面。
@pi-vault/pi-status
将默认状态栏替换为类似Codex的样式
pi-claude-code-ui
为Claude桌面端提供代码风格工具行UI增强
jensen
一款受《杀出重围：人类革命》启发的赛博文艺复兴主题。
@sherif-fanous/pi-catppuccin
为Pi Coding Agent提供Catppuccin配色主题
@littlerandom/pi-setup
LittleRandom 的个人 Pi Agent 配置包
@getpipher/welcome
Pi 编码代理的优雅可关闭启动页覆盖层
pi-comfy-ui
为Pi的TUI提供舒适美观的输入与交互面板样式。
@fahmiirsyadk/pi-minimal-toolcall
为Pi AI提供极简、低干扰的工具调用渲染界面。
@nerisma/pi-tool-border
为Pi平台的所有工具输出添加左侧彩色边框
pi-working
替换 Claude 桌面应用处理任务时的默认提示文本
pi-quotes
在Pi的加载动画中显示自定义名言警句
pi-theme-tokyo-night-storm-improved
为Pi编码助手优化的东京夜风暴主题
@dustydonkey/pi-spinner
为Pi设计的流畅加载动画与动态动词提示器
pi-inline-statusline
为Pi编码助手提供单行状态栏扩展。
@nerisma/pi-theme-nerisma
为PI平台设计的深紫色暗色主题
@samfp/pi-rose-pine
为pi AI助手提供Rosé Pine主题，营造Soho风格编码氛围。
@winterchenhuan/pi-hide-hf
在Pi中隐藏HuggingFace模型选项
@tran-quil/pi-rose-pine
为 Pi Coding Agent 提供的三款 Rosé Pine 主题变体。
pi-neat-ui
Pi平台的UI美化与主题预设扩展包
pi-thinking-animation
为Pi AI添加思考动画和趣味吐槽消息
@m64/pi-remembra-theme
一款受Remembra启发的优雅深色主题，专为pi coding agent设计。
pi-gh-dark-theme
为Pi编码助手设计的GitHub风格深色主题
@eliemessiecode/pi-code-theme
为Pi代码助手设计的温暖大地色深色主题
pi-theme-picker
为Pi添加切换主题的命令行工具
harpy-theme
一款受哈佩雕启发的代码编辑器主题，提供深浅双色变体。
pi-deepseek-startup
为Pi提供DeepSeek品牌的开机界面与主题
@maddeye/pi-nord
为Pi定制的柔和Nord风格浅色与深色主题。
pi-workstation
为pi coding agent提供丰富的自定义扩展与主题合集。
pi-tokyo-night
为Pi编码助手提供Tokyo Night主题和页眉扩展
pi-collapse-tools
Pi 助手默认折叠工具输出，保持界面清爽。
pi-thinking
为AI思考过程提供静默的主题化渲染样式。
@graedenn/pi-loader
为Pi代码助手提供超过54种可配置的盲文点阵加载动画。
@haispeed/pi-deck
为PI平台提供主题和页脚增强包
pi-easy-footer
为PI平台提供页脚扩展与会话横幅的组件
pi-theme-vitesse
为 Pi Coding Agent 提供 Vitesse 风格主题与自动系统外观切换。
@zenobius/pi-footer
为Pi Coding Agent界面提供可自定义的页脚组件。
@artale/pi-hiphop
提供Drake、Cole等嘻哈巨星的系统通知音效
pi-buddy
Pi输入框旁的ASCII动画伙伴，可孵化专属个性编程伴侣
@sherif-fanous/pi-dracula
为Pi Coding Agent提供德古拉风格主题的扩展包
@artale/pi-kdot
提供K.Dot风格专属通知音效的工具包
pi-auto-system-theme
跨平台自动跟随系统明暗主题的Pi扩展
@ujjwalgrover/pi-catppuccin
为Pi Coding Agent提供精美的Catppuccin风格配色主题
@furbyhaxx/pi-fancy-editor
适配Pi主题的响应式输入编辑器替换扩展
pi-working-phrase
Pi小扩展，替换工作状态为随机短语、彩色加载动效
@artale/pi-cole
提供J. Cole经典曲目片段的通知音效资源
WorkbuddyOs
为WorkBuddy桌面应用注入Chiikawa背景、磨砂玻璃等个性化功能。
flexoki-pi-theme
适用于pi平台的Flexoki配色方案主题包
pi-dracula
为Pi编码代理打造的Dracula暗黑主题
modern
纯前端实现的现代化响应式登录页面集成工具
mcp
一个集成LottieFiles动画搜索功能的MCP工具。
Magick Convert（ImageMagick）开源图像工具
一个基于ImageMagick的免费图像处理与格式转换工具
tasteful-ui-skill
一个帮助AI编码代理优先判断品味，再执行UI设计的技能。
8bitcn-ui
基于shadcn/ui构建的免费、可访问的复古风格UI组件库。
ai-elements
基于shadcn/ui的React AI组件库，加速AI原生应用开发。
animate-skill
为Next.js/React应用提供动画模式和最佳实践的技能库。
animejs-skills
为Claude提供专业的Anime.js v4动画库开发技能
animate-text
一个用于在Next.js项目中生成和展示文本动画效果的工具库。
apple-hig-designer
遵循苹果设计规范，打造专业且风格融合的界面。
atelier-ui
提供高端数字产品的UI设计风格技能集合。
aurora-front
一个用于构建AI应用前端界面的React组件库
awwwards-animations-skill
一站式创建Awwwards级别网页动画的React技能库
beautify-github-readme
从项目内容出发，自动生成视觉化README结构
blockprints
一个用于生成和定制ASCII艺术风格区块字符画的AI工具
cc-frontend-skills
一个用于生成独特、非模板化前端UI设计的Claude Skill。
chakra-ui
一套用于快速构建可访问React应用的组件库
claude-ui-design-system
为React Native和Next.js项目提供完整UI/UX设计系统，支持新建与重构。
coss
Cal.com官方设计系统与UI组件库
Cursor AI (React, TypeScript, shadcn/ui)
基于React和TypeScript的Cursor AI开发框架，集成shadcn/ui组件库。
daisyui
最流行的免费开源 Tailwind CSS 组件库
design-engineer-auditor-package
为UI组件注入或审查动效设计的AI技能，提供两种工作模式。
design-plugin
一款通过快速迭代生成和优化UI设计的Claude Code插件。
dotfiles
一套跨平台、壁纸驱动的统一桌面环境配置方案。
ext-apps
为MCP工具构建交互式UI的SDK
family-taste-skill
让AI设计的UI具备Family产品般的生命感与温度
flutter-shadcn-ui
Flutter版的Shadcn UI组件库，提供美观、可定制的UI组件。
frontend-design
生成或重写具有赛博朋克美学的前端界面代码
genjutsu
为界面注入动效的创意编码技能
hallmark
一款拒绝AI生成感的智能设计技能，为代码生成独特UI。
htmx-skill
为AI Agent集成HTMX能力的开发技能
interface-design
帮助AI编码助手保持界面设计一致性的技能
kill-ai-slop
识别并清理网页项目中的AI生成代码痕迹
kkclaw
为OpenClaw/Hermes AI提供具象化、有情感的桌面宠物伴侣。
lottie
用自然语言生成Lottie动画的AI技能
magicui
专为设计工程师打造的现代化UI组件库
make-interfaces-feel-better
专注于提升界面细节体验的AI技能
mantine-select-stepper
基于 Mantine 的优雅选择步进器 React 组件
maquina_components
为 Ruby on Rails 项目提供一套可组合的 UI 组件库。
material-ui
Material Design 风格的 React UI 组件库。
mies
一个遵循极简主义的设计审查与优化技能
mobile-app-ui-design
一个指导设计专业移动应用界面的Claude技能。
motion-design-skill
让AI掌握动效设计原则，像导演一样思考
motion-dev-animations-skill
为 Claude Code 注入 Motion.dev 动画生成能力
oiloil-ui-ux-guide
一个通过访谈而非预设来定制UI/UX设计规范的助手
powertoys
微软官方出品的Windows系统增强与效率工具集。
qiaomu-design
一个能生成“不像AI做的”设计的偏执型设计顾问Skill。
React (Styled Components)
一个帮助开发者使用 Styled Components 编写 React 组件的 AI 技能。
refactoring-ui-skill
让AI遵循Refactoring UI设计原则，生成更专业的界面代码
rive-skills
为AI编程助手提供Rive动画开发的领域知识库
robis-design-best-practice
为AI编码助手提供现代UI/UX设计最佳实践的技能库。
skills
Codex桌面应用主题的官方创作、管理与安装工具集。
socialify
为GitHub项目生成美观的社交媒体展示图
superdesign-skill
为AI编程助手注入设计审美，告别平庸界面
swiss-design-skill
为AI Agent界面提供瑞士国际主义风格的设计系统。
Tailwind (shadcn/ui Integration)
在 Claude 中快速生成符合 shadcn/ui 规范的 Tailwind CSS 组件代码。
taste-skill
为AI前端代码注入高级设计品味，告别平庸UI。
testmu-ai/nemojs-skill
一个用于生成和解析emoji的JavaScript工具库
theme-factory
一键切换Claude桌面端主题，优化视觉体验
Toss-Style Design System
一套用于快速构建现代化、一致的用户界面的设计系统工具包。
transitions.dev
提供可直接复用的CSS交互动画代码片段库。
ui-craft
为AI编码智能体注入设计品味，一键生成可直接上线的UI界面。
ui-design-brain
为AI注入资深UI设计师的组件知识与最佳实践，生成生产级界面。
ui-designer-skill
一个能生成独特、高质量、可直接部署前端UI代码的AI设计助手。
ui
用于构建自定义组件库的 React UI 组件集
ui
一个可自由定制和扩展的现代化UI组件库。
UIKit Guidelines
为AI Agent开发者提供UI设计原则与组件库使用指南
unicon
一站式图标搜索与按需复制工具，聚合9大图标库。
veniceai/venice-image-edit
一个基于AI的图像编辑工具，支持多种图像处理操作。
vignette
为Claude Desktop提供图像生成与编辑功能
vscode-theme-skill
一键生成、打包并安装VSCode主题的Claude技能