Park UI 是 Ark UI 生态里的「shadcn/ui」：组件以 copy-paste 方式进入你的代码库，底层是 Ark UI 的行为原语与 Panda CSS 的样式引擎；WAI-ARIA 模式、键盘导航默认达标，React、Vue、Solid 共享同一套组件，变体由 Panda 的 recipe 系统做类型安全定义，青绿主色（#1FA68C）。适合多框架团队与喜欢掌控源码的前端工程师。
ReactVue开发者工具
提示词模板
基础模板
Design a Park UI-inspired interface. - Copy-paste component model similar to shadcn/ui but for Ark UI ecosystem; - Built on Ark UI primitives with Panda CSS styling; - Accessible by default: WAI-ARIA patterns, keyboard navigation; - Multi-framework: React, Vue, Solid support via Ark UI; - Type-safe variants with Panda CSS recipe system. Colors: #1FA68C, #10B981, #3B82F6, #8B5CF6 with #1FA68C accent. Typography: system-ui.
变体提示词
📱 移动端
Design a mobile app with Park UI aesthetics. Use Park UI color identity with #1FA68C accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Park UI style. Use Park UI color identity with #1FA68C accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Park UI design language. Use Park UI color identity with #1FA68C accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Park UI visual identity. Use Park UI color identity with #1FA68C accents. Compelling, conversion-focused.
使用示例
Park UI 组件库
Web 端Build a component library with Park UI design language, copy-paste components, and #1FA68C color system.
Park UI 仪表板
仪表板Create a dashboard using Park UI style with Ark UI primitives and Panda CSS tokens.
✅ 适合场景
- 框架生态
- 设计系统底座
- Ark UI 生态
❌ 不适合场景
- 非 Panda CSS 技术栈
- 需要完整运行时主题切换的重型应用
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。