LogoClawIndex
CasesSkillsAbout
LogoClawIndex

working-with-pm-design-kit - Guide for using the Packmind UI component library

Provides guidance for building frontend UI with the Packmind UI component library (@packmind/ui) and Chakra UI v3 patterns.

Tags

Updated: 2026-09-23
packmind-uichakra-uifrontendui-componentsdesign-kit

Capabilities

Select appropriate PM UI componentsImplement compound component patternsApply layout and spacing patternsApply semantic theming tokens

Typical Inputs

Frontend component implementation requestsUI layout and design specifications

Typical Outputs

Frontend UI code using @packmind/uiComponent usage guidance and recommendations

What this skill does

  • Select appropriate PM UI components
  • Implement compound component patterns
  • Apply layout and spacing patterns
  • Apply semantic theming tokens
  • Implement form inputs and validation
  • Trigger toast and alert notifications

Inputs

  • Frontend component implementation requests
  • UI layout and design specifications

Outputs

  • Frontend UI code using @packmind/ui
  • Component usage guidance and recommendations

Requirements

  • @packmind/ui package
  • Chakra UI v3
  • react-icons/lu package

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.