Agent Skills
› panel-ui/PanelUI
panel-ui/PanelUI
GitHub提供COSS UI组件的复制即用模式索引，帮助开发者快速查找并获取基于原型的UI代码片段。
安装全部 Skills
npx skills add panel-ui/PanelUI --all -g -y
集合内 Skills (11)
提供COSS UI组件的复制即用模式索引，帮助开发者快速查找并获取基于原型的UI代码片段。
需要实现特定UI功能
寻找现成的前端组件示例
npx skills add panel-ui/PanelUI --skill coss-particles -g -y
辅助实现coss UI组件，涵盖选择原语、编写代码、迁移shadcn/Radix及解决行为问题。提供文档引用、使用原则、关键规则和工作流，确保正确性、可访问性和生产级质量。
构建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 界面
安装或搜索 shadcn 组件
处理组件样式与布局问题
包含 components.json 文件的项目
npx skills add panel-ui/PanelUI --skill shadcn -g -y
用于设计应用图标、品牌标识或吉祥物。支持通过图像生成器或编写SVG实现，强调极简设计与32x32尺寸下的可读性，遵循标准化工作流确保视觉一致性。
创建应用图标
设计品牌标识
生成Logo
npx skills add panel-ui/PanelUI --skill logo-maker -g -y
指导在 Expo/React Native 项目中集成和使用 PanelUI 组件库，涵盖安装配置、样式调试、组件导入及语义化主题开发规范。
用户询问 React Native 或 Expo 中的 UI 组件实现
需要构建底部弹窗、对话框、表单或图表等界面元素
遇到 PanelUI 样式未生效或布局问题需排查
npx skills add panel-ui/PanelUI --skill panelui -g -y
用于设计应用Logo、图标或品牌标识，支持通过图像生成器或编写SVG两种路径。遵循严格的设计规则，确保在32x32像素下清晰可读，提供从需求分析到方案提案及最终交付的完整工作流。
需要创建App Logo或图标
要求设计品牌标识或吉祥物
npx skills add panel-ui/PanelUI --skill logo-maker -g -y
指导在 Expo/React Native 项目中集成和使用 PanelUI 组件库，涵盖环境检测、安装配置、语义化样式规范及常用 UI 模式组合。
用户询问如何在 React Native 或 Expo 中构建 UI
项目涉及 PanelUI 组件、底部抽屉或对话框实现
需要调试 PanelUI 样式未生效问题
npx skills add panel-ui/PanelUI --skill panelui -g -y
专为 Expo/React Native 应用构建高性能动画的 Skill，涵盖手势、过渡及触感反馈。通过严格规则确保动画在 UI 线程运行并适配真机性能，适用于添加动效或修复卡顿问题。
在 Expo 应用中实现动画效果
添加手势交互或屏幕转场
修复移动端动画卡顿问题
npx skills add panel-ui/PanelUI --skill animate-expo -g -y
Remotion技能路由中心，根据需求自动加载视频创建、项目配置、地图、多媒体处理、交互性优化、渲染、字幕及SaaS开发等专项技能的参考文档。
用户请求制作或构建新视频/合成
初始化新的Remotion项目
编写Remotion React标记时寻求最佳实践
需要处理地图或多媒体任务
查询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，优化文档视觉呈现。
添加徽章
替换 Shields.io 徽章
创建 README 标题
生成下载图表
构建完整 README
npx skills add panel-ui/PanelUI --skill shieldcn-badges -g -y
依赖关系:
jal-co/shieldcn
jal-co/shieldcn@shieldcn-badges
