Agent Skills
› panel-ui/PanelUI
panel-ui/PanelUI
GitHub提供COSS UI组件的复制即用模式索引，辅助前端开发快速查找并集成基础UI组件。
Install All Skills
npx skills add panel-ui/PanelUI --all -g -y
Skills in Collection (11)
提供COSS UI组件的复制即用模式索引，辅助前端开发快速查找并集成基础UI组件。
需要实现特定UI组件功能
寻找可复用的前端组件代码
npx skills add panel-ui/PanelUI --skill coss-particles -g -y
指导正确实现 coss UI 组件，涵盖选择原语、编写代码、处理 shadcn/Radix 迁移及可访问性。
构建 coss UI 界面
从 shadcn/Radix 迁移至 coss
排查 coss 组件行为问题
npx skills add panel-ui/PanelUI --skill coss -g -y
管理 shadcn/ui 组件项目，涵盖添加、搜索、调试、样式调整及 UI 组合。提供项目上下文、组件文档与使用示例，适用于涉及 shadcn/ui 或 components.json 的项目开发。
需要添加、搜索或调试 shadcn/ui 组件
进行 UI 样式调整或组件组合
项目包含 components.json 文件
执行 shadcn init 或创建预设应用
npx skills add panel-ui/PanelUI --skill shadcn -g -y
用于设计应用图标和品牌标识，确保在小尺寸下清晰可读。支持通过图像生成器或SVG矢量路径创作，遵循严格的设计规则与工作流程。
创建应用图标
设计品牌标志
npx skills add panel-ui/PanelUI --skill logo-maker -g -y
提供 PanelUI 组件库的使用指南，涵盖 Expo/React Native 项目中的 UI 构建、主题配置、组件组合及调试，支持底部抽屉、表单等界面开发。
用户在 Expo 或 React Native 项目中询问 PanelUI 相关问题
需要构建底部抽屉、对话框、图表、聊天转录或表单等屏幕 UI
遇到样式未生效或 Uniwind 找不到颜色变量的问题
npx skills add panel-ui/PanelUI --skill panelui -g -y
用于设计应用图标、品牌标识或吉祥物，确保其在32x32尺寸下清晰可读。支持通过图像生成器或编写SVG两种路径产出矢量文件，遵循严格的设计与配色规则，提供从选题到多方案提案及最终交付的完整工作流。
创建应用图标
设计品牌标志
生成吉祥物或头像
npx skills add panel-ui/PanelUI --skill logo-maker -g -y
PanelUI 是用于 Expo/React Native 的 UI 组件库技能，提供基于 Tailwind 的样式、动画及调试指南。适用于构建底部弹窗、表单、图表等界面，强调语义化配色与组件组合，确保在 Expo Go 中正常运行。
用户需要在 React Native 或 Expo 项目中构建 UI 组件
用户询问 PanelUI 相关配置、导入方式或样式问题
用户请求实现底部弹窗、对话框、图表或表单等功能
npx skills add panel-ui/PanelUI --skill panelui -g -y
用于在 Expo/React Native 应用中实现高性能动画，涵盖手势、过渡及震动反馈。基于 Reanimated 确保 UI 线程运行，遵循严格性能规则，适用于修复卡顿或构建复杂交互动画。
为 Expo 应用添加屏幕转场或手势交互
修复移动端动画卡顿或性能问题
实现符合平台规范的微交互动画
npx skills add panel-ui/PanelUI --skill animate-expo -g -y
Remotion技能路由器，根据需求触发视频创建、项目初始化、React标记、地图、多媒体处理、交互优化、渲染、字幕及SaaS开发等子技能的引用。
用户请求制作或构建新视频/合成
需要设置新的Remotion项目
编写Remotion React标记
涉及地图或多媒体处理
需要高级渲染或添加字幕
开发基于Remotion的SaaS应用
npx skills add panel-ui/PanelUI --skill remotion-best-practices -g -y
通过严格的模拟面试或质询流程，帮助用户打磨和优化计划或设计方案，提升其严谨性和可行性。
用户希望优化现有计划或设计
用户需要针对方案进行压力测试
npx skills add panel-ui/PanelUI --skill grill-me -g -y
生成 shadcn/ui 风格 README 徽章、图表、头部横幅及贡献者/赞助商网格，替代 Shields.io，优化项目文档视觉呈现。
添加徽章
替换 Shields.io 徽章
创建 README 头部横幅
添加下载量图表
构建贡献者或赞助商网格
npx skills add panel-ui/PanelUI --skill shieldcn-badges -g -y
Dependencies:
jal-co/shieldcn
jal-co/shieldcn@shieldcn-badges
