Agent Skills
› panel-ui/PanelUI
panel-ui/PanelUI
GitHub提供基于 coss 原型的 UI 组件粒子示例索引，用于快速查找和集成可复用的前端界面模式。
Install All Skills
npx skills add panel-ui/PanelUI --all -g -y
Skills in Collection (11)
提供基于 coss 原型的 UI 组件粒子示例索引，用于快速查找和集成可复用的前端界面模式。
需要实现特定 UI 组件
寻找现成的前端界面代码片段
npx skills add panel-ui/PanelUI --skill coss-particles -g -y
辅助正确实现 coss UI 组件，涵盖选择原语、编写代码、迁移及故障排除，确保符合文档规范与无障碍标准。
构建基于 coss 原语的 UI
从 shadcn/Radix 迁移到 coss
npx skills add panel-ui/PanelUI --skill coss -g -y
管理 shadcn/ui 组件与项目，涵盖添加、搜索、修复、调试、样式及组合 UI。提供上下文、文档及使用示例，遵循特定代码规范。
shadcn init
create an app with --preset
switch to --preset
使用 shadcn/ui 或 components.json 的项目
npx skills add panel-ui/PanelUI --skill shadcn -g -y
用于设计紧凑、可读性强的应用Logo或图标。通过SVG生成或图像提示词，确保在32x32尺寸下清晰可辨，遵循统一的设计规则与色彩规范，产出矢量文件或生成提示。
创建应用Logo
设计品牌标识
生成产品图标
npx skills add panel-ui/PanelUI --skill logo-maker -g -y
针对 Expo/React Native 项目的 PanelUI 组件库使用指南，涵盖安装配置、主题定制、组件调用及样式调试。
用户询问 React Native 或 Expo 界面构建问题
提及 PanelUI 组件库
需要实现底部抽屉、对话框、表单等 UI 元素
排查组件未正确渲染或样式丢失的问题
npx skills add panel-ui/PanelUI --skill panelui -g -y
用于设计符合32x32可读性标准的App Logo、图标或品牌标识。通过SVG生成或AI提示词，遵循严格的设计与配色规则，确保标志在极小尺寸下依然清晰可辨且轮廓统一。
创建应用Logo
生成App图标
设计品牌标识
制作吉祥物或头像
npx skills add panel-ui/PanelUI --skill logo-maker -g -y
用于在 Expo 或 React Native 项目中构建、调试 PanelUI 组件库的 UI，涵盖主题配置、组件组合及样式排查。
用户要求在 React Native/Expo 中创建底部弹窗、对话框、表单等 UI
用户询问 PanelUI 组件用法或样式未生效问题
npx skills add panel-ui/PanelUI --skill panelui -g -y
专为 React Native/Expo 应用构建高性能动画的技能。指导在 UI 线程使用 Reanimated 实现流畅动效、手势交互及触觉反馈，遵循严格性能规则，确保在低端设备上运行稳定。
需要在 Expo 应用中添加动画或手势交互
修复移动端动画卡顿问题
实现屏幕过渡或按钮按压反馈
npx skills add panel-ui/PanelUI --skill animate-expo -g -y
Remotion技能路由，根据需求加载视频创建、项目搭建、地图、多媒体、交互、渲染及SaaS开发等具体实践指南。
用户请求制作或构建新视频/组合
需要设置新的Remotion项目
编写Remotion React Markup
涉及地图、多媒体处理、字幕或高级渲染任务
查询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
用于生成 shadcn/ui 风格的 README 徽章、图表、头部横幅及赞助者网格，支持替换 Shields.io 并优化项目文档视觉呈现。
add badges
README badges
npm badge
GitHub stars badge
CI badge
download chart
README header
build a README
npx skills add panel-ui/PanelUI --skill shieldcn-badges -g -y
Dependencies:
jal-co/shieldcn
jal-co/shieldcn@shieldcn-badges
