pigxui-skillPigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
Install via ClawdBot CLI:
clawdbot install zhibuyu/pigxui-skillGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://docs.pig4cloud.com（需要微信扫码登录）Audited Apr 17, 2026 · audit v1.0
Generated Apr 22, 2026
使用 PigX UI 快速构建企业级后台管理系统，涵盖用户管理、权限控制、审计日志等模块。利用 Element Plus 组件和 Pinia 状态管理，实现高效开发。
基于 PigX UI 的多租户架构，支持自动注入 TENANT-ID 实现数据隔离。结合动态路由和后端控制，适用于 SaaS 平台的前端开发。
构建电商后台运营系统，包括商品管理、订单处理、数据分析等模块。利用 Vue 3 响应式特性和 Tailwind CSS 快速定制界面。
开发金融风控管理平台，要求安全性和稳定性。PigX UI 支持请求加密和自动 Token 管理，符合金融行业安全标准。
构建医疗健康管理后台，管理患者信息、预约记录、病历数据等。利用暗色模式和国际化功能，提升用户体验。
PigX UI 核心框架开源，企业级功能通过商业授权提供。客户可以免费使用基础版，购买高级版获取更多组件和支持。
基于 PigX UI 为客户提供定制化前端开发服务，包括需求分析、界面设计、功能开发、部署上线。
提供 PigX UI 相关的技术咨询和培训服务，帮助企业团队快速上手，提升开发效率。
💬 Integration Tip
集成时确保后端 API 符合 PigX 规范，并正确配置 Token 和租户 ID 自动注入。
Scored Apr 19, 2026
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind + Shadcn/ui integration, micro-interactions, and...
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
Use when building Next.js 14/15 applications with the App Router. Invoke for routing, layouts, Server Components, Client Components, Server Actions, Route Handlers, authentication, middleware, data fetching, caching, revalidation, streaming, Suspense, loading states, error boundaries, dynamic routes, parallel routes, intercepting routes, or any Next.js architecture question.