写前端代码 的 AI Skill
共 92 个，按热度排序。把写前端代码这件事交给 AI 来做。
design.md
为AI编码代理提供视觉设计规范的格式标准
web-development
专注于Web前端开发、构建、调试与部署的AI助手技能。
ia-react-frontend
为React/Next.js前端开发提供架构模式与最佳实践指导
SwiftAgents
为Swift/SwiftUI开发者提供AI代码生成规则，提升代码质量。
通用大模型 GPT 5.5
OpenAI通用大模型，平衡推理质量与响应速度，适用于多种任务。
大模型对话 Claude Opus 4.7
Anthropic旗舰多模态模型，擅长长上下文推理与复杂任务编排。
tanstack
用 TanStack 构建类型安全的 React 应用
Auth0 React
为React SPA集成Auth0登录认证
Zustand State
Zustand 轻量状态管理库
sideshow
为终端AI编程代理提供实时可视化界面
pi-ghost-autocomplete
为Pi编码助手提供行内幽灵文本自动补全的扩展。
oh-my-design
一键为AI编程助手注入400+真实公司设计系统记忆
@ghoulm370/pi-zai-vision
为Pi平台提供基于GLM-4.6V的多模态视觉分析工具。
pi-atelier
为Pi提供响应式状态栏与实时活动侧边栏
@elianiva/pi-ckers
为pi提供@file、@git、@jj模块化命名空间选择器
statusline-pi
为Pi项目提供紧凑的状态栏，显示关键开发信息。
cometchat-skills
通过AI编程助手为多种技术栈项目一键集成CometChat聊天功能。
pi-vim
为Pi的TUI编辑器提供Vim风格模态编辑的插件
@i-language/autocode
AI全流程代码开发工具，一次会话完成从编码到部署
@wyattjoh/pi-openai-fast
为Pi编码助手启用OpenAI Codex快速模式，优化响应速度。
gogh
一个为AI编程助手提供前端设计决策支持的Obsidian知识库
agentup
一键注入生产级编码知识到AI助手
@artale/pi-maze
带BFS求解、主题与计时的程序化迷宫生成工具
@artale/pi-ye
提供Ye（侃爷）风格的专属通知音效资源
@artale/pi-flutter
为Flutter开发提供实用工具，提升跨端开发效率
@artale/pi-seo
轻量易用的Web开发SEO实用工具集
@artale/pi-social
社交媒体场景通用实用工具集合
pi-dex
采用Codex界面风格的Pi编码工具变体
@zigai/pi-footer
将Pi应用底部栏替换为紧凑状态行。
pi-vimmode
为Pi编程助手添加Vim模式
atlas-vision-mcp
为纯文本编程AI添加视觉能力的MCP桥接工具
pi-super-curl
为Pi Agent增强HTTP请求能力，支持自动配置与JWT生成。
@schultzp2020/pi-cursor
为Cursor IDE提供本地代理，解锁Pi订阅模型
pi-which-key
Pi编辑器可搜索的快捷键备忘面板
pi-go-bars
在网页页脚展示Go计划使用量的滚动、周度和月度进度条。
pi-kiro-provider
为Pi提供Kiro的AWS CodeWhisperer流式API扩展
pi-provider-volcengine-codingplan
为Pi接入火山引擎Coding Plan，使用国内编码模型。
pi-roles
为Pi编码助手提供基于角色的会话配置与热切换。
Next.js Tailwind Assistant
专为Next.js与Tailwind CSS开发者打造的AI助手，提供组件、文档与模式支持。
pi-construct
一个用于管理项目本地依赖的极简Pi加载菜单。
pi-image-preview
在代码编辑器上方内嵌预览图片的扩展
@originintelligence/pi-figma
高效访问Figma设计文件的AI工具，优化Token消耗。
pi-minimalist-ui
开源的Pi平台极简编辑器UI扩展
pi-tripwire
在Pi界面底部显示AI代理启动的本地服务器链接
pi-web-chat
为Pi编码助手提供OpenWebUI风格、移动友好的Web界面
@xl0/pi-lovely-codex
为Pi提供GPT快速模式和代码补丁应用能力
@xl0/pi-lovely-comment
在编辑器中打开并编辑AI的回复，实时同步到对话
@badliveware/pi-footer-framework
为Pi平台提供可配置的页脚框架扩展
@gogomi/pi-glsl-shader-vision
Pi 智能体内的 GLSL 着色器实时预览与调试工具
@jd-erreape/pi-questionnaire
Pi生态专用的交互式问卷构建扩展工具
minimalist-skill
让AI编码代理写更少代码、省token、降成本
pi-cc-status
为pi提供Claude Code风格的状态行显示
@asermax/pi-cc-plugins
在Pi中直接使用Claude Code插件
@banon-labs/pi-inline-format
为严格π（Strict Pi）提供内联格式化功能的扩展项目。
@bigboss2063/pi-clip
精细复制AI助手输出内容到剪贴板
@dustydonkey/pi-spinner
为Pi设计的流畅加载动画与动态动词提示器
@eliemessiecode/pi-render
为pi-coding-agent提供HTML页面浏览器渲染与自动保存功能
@glemsom/pi-my-look
为PI平台提供现代化UI美化与品牌增强组件
@joyanhui/pi-ext-bar-cursor
Pi编码代理光标扩展，块光标变竖线
@metalbolicx/opencode-ponytail
为AI代理开启“资深懒人”开发模式，减少不必要的代码编写。
pi-cache-timer
适用于Pi框架的页脚缓存计时扩展工具
pi-easy-footer
为PI平台提供页脚扩展与会话横幅的组件
pi-edit-replace-all
为Pi编辑工具新增全局替换能力的扩展包
pi-jetbrains-junie-bridge
连接Pi智能体与JetBrains Junie AI后端的桥梁
pi-od-mcp
将Open Design的MCP服务器桥接到Pi工具的扩展
pi-pixel-header
为网页添加带有随机猫普奇配色点缀的像素风格Pi徽标页眉。
pi-suggest
为Pi UI的自动补全、标签、选择器提供LLM生成的下一步建议
pi-widget-host
管理Pi平台单一Widget插槽的多供应商宿主包
avtc-pi-settings-ui
为PI扩展提供基于Schema的声明式设置界面
avtc-pi-ui-components
PI扩展的对话框协调器与带备注的选择组件
@chat-suggestion/adapter-pi
为Pi编程助手提供安全的行内提示建议
@dreki-gg/pi-lsp
为pi编辑器提供语言无关的LSP代码智能支持
@graelo/pi-defer-modal
在用户输入时延迟弹出模态框，避免打断操作。
@khmuhtadin/pi-stitch-mcp
连接Pi与Google Stitch MCP服务器，实现Figma设计稿一键生成多平台代码。
lite-questionnaire
轻量级交互式问卷工具，支持多种题型与条件逻辑。
pi-autocomplete-overlay
将Pi的原生自动补全菜单显示为编辑器上方的覆盖层。
pi-bash-to-ps
将AI生成的Bash命令自动转换为Windows PowerShell命令
pi-editor-cursor
为Pi编码代理编辑器提供闪烁光标和提示符
pi-extension-raptor-mini
为Pi的GitHub Copilot添加Raptor Mini模型的扩展插件
pi-footer-manager
统一管理 Pi 应用页脚，支持模块化组合与自定义布局。
pi-modalmotion
为AI输入编辑器提供Vim风格的模态编辑与光标移动能力。
pi-paste-context
基于剪贴板为任意编辑器提供编码上下文的Pi扩展
pi-pomodoro
为Pi编码助手打造的番茄计时扩展工具
pi-provider-kiro-dev
为AI编程助手提供Kiro（AWS CodeWhisperer/Q）API支持的扩展。
pi-side-preview
pi编辑器专用的右侧文件与图片预览扩展插件
pi-spell-check
Pi编码代理专用拼写语法检查扩展，一键修正错误
pi-vim-motions
为Pi工具提供Vim风格的光标移动操作扩展
pi-web-providers-codex-cf
为Codex提供Pi平台Web扩展，集成ChatGPT订阅认证与Cloudflare渲染。
pi-window-title
自动管理编码场景下pi会话与tmux窗口标题
@thebinaryguy/pi-fast-mode
为Pi用户开启OpenAI Codex的持久快速模式。
@thisux/pi-double-esc-clear
通过双击ESC键快速清空Pi编辑器草稿
@zea.cl/soma-sdk
用于快速构建AI协作平台的React组件库。