Skills
.Work. You
Rest

pandark-ui

Official

Compact, accessible UI with Panda CSS and Ark UI.

Design & Creative#accessibility#ui-design#design-system#component-reuse#panda-css#ark-ui#pandark-ui
Authorgoddard-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps teams build structurally correct, accessible product UI within an established Panda CSS and Ark UI design system, avoiding unnecessary styling and preserving component boundaries.

Core Features & Use Cases

  • Reuse project primitives and wrappers to compose screens, forms, lists, tables, and action areas with semantic structure and minimal Panda CSS styling.
  • Ensure accessibility, clear information hierarchy, and alignment with the design system across existing apps.

Quick Start

Describe a UI screen using Panda CSS and Ark UI, implement it with existing project primitives, and keep the result compact and accessible.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: pandark-ui
Download link: https://github.com/goddard-ai/goddard/archive/main.zip#pandark-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.