Agent Skills
› panel-ui/PanelUI
panel-ui/PanelUI
GitHub提供基于coss原语的UI组件粒子索引，支持通过描述搜索匹配模式并获取JSON源码，用于快速复制粘贴实现前端界面功能。
Install All Skills
npx skills add panel-ui/PanelUI --all -g -y
Skills in Collection (11)
提供基于coss原语的UI组件粒子索引，支持通过描述搜索匹配模式并获取JSON源码，用于快速复制粘贴实现前端界面功能。
需要查找现成的UI组件代码
实现特定类型的用户界面元素
寻找可复用的前端组件示例
npx skills add panel-ui/PanelUI --skill coss-particles -g -y
辅助正确实现 coss UI 组件，涵盖选择原语、编写代码、shadcn/Radix 迁移及故障排查。指导导入、无障碍、Tailwind 样式及常见陷阱，确保符合文档规范并生产可用。
构建使用 coss 原语的 UI
从 shadcn/Radix 迁移到 coss/Base UI
组合基于触发的覆盖层组件
排查 coss 组件行为问题
npx skills add panel-ui/PanelUI --skill coss -g -y
管理shadcn/ui组件，支持添加、搜索、调试、样式调整和UI组合。提供项目上下文、文档及使用示例，规范Tailwind样式与表单结构。
使用 shadcn/ui 构建或修改 UI 界面
通过 CLI 安装、搜索或调试 shadcn 组件
配置 shadcn 预设 (--preset) 或初始化项目
npx skills add panel-ui/PanelUI --skill shadcn -g -y
用于设计应用图标、品牌标志或吉祥物，确保在32x32小尺寸下清晰可读。支持通过图像生成器创建或编写SVG矢量文件，遵循严格的设计与配色规则进行多方案提案与迭代。
需要创建应用图标
设计品牌标志
生成吉祥物或头像
npx skills add panel-ui/PanelUI --skill logo-maker -g -y
面向 Expo/React Native 项目的 PanelUI 组件库开发技能，涵盖 UI 构建、主题配置、组件组合及样式调试。
用户询问或要求构建 React Native 界面（如底部抽屉、对话框、表单等）
项目已安装 panelui-native 或存在 panelui.json 配置文件
用户提及 PanelUI 或 Uniwind 样式未生效需排查
npx skills add panel-ui/PanelUI --skill panelui -g -y
用于设计应用图标、品牌标识或吉祥物。遵循极简原则，确保在32x32尺寸下清晰可读。根据环境选择使用AI生成提示词或直接编写SVG矢量文件，并提供标准化工作流以产出高质量视觉资产。
创建应用图标
设计品牌标志
生成吉祥物头像
npx skills add panel-ui/PanelUI --skill logo-maker -g -y
面向 Expo/React Native 项目的 PanelUI 组件库使用指南，涵盖安装配置、样式调试及 UI 组件开发。
用户请求在 React Native 或 Expo 项目中构建 UI 界面
用户提及 PanelUI 或询问底部抽屉、对话框、表单等特定 UI 组件的实现
项目已安装 panelui-native 或存在 panelui.json 配置文件
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技能路由中心，根据视频创建、项目搭建、地图、多媒体、交互、渲染、字幕等具体需求，智能加载对应的专项参考文档，提供全流程开发支持。
用户请求制作或构建新的Remotion视频/组合
需要初始化新的Remotion项目
涉及地图、多媒体处理、交互设计或高级渲染
查询Remotion API文档或进行版本升级
npx skills add panel-ui/PanelUI --skill remotion-best-practices -g -y
通过严格的面试式提问，帮助用户打磨和优化计划或设计方案。
需要优化设计或计划时
希望接受严格审视以完善方案时
npx skills add panel-ui/PanelUI --skill grill-me -g -y
该技能用于为README生成美观的shadcn风格徽章、图表、头部横幅及赞助者网格，支持替换Shields.io并优化文档视觉效果。
add badges
README badges
npm badge
GitHub stars badge
CI badge
download chart
README header
README banner
contributors grid
sponsors grid
npx skills add panel-ui/PanelUI --skill shieldcn-badges -g -y
Dependencies:
jal-co/shieldcn
jal-co/shieldcn@shieldcn-badges
