Agent skill

canvas-ui-builder

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/canvas-ui-builder

SKILL.md

Canvas UI Builder

Follow the theme system, slot rules, and panel coordination patterns for all UI work.

Start Here

  • docs/agent/ui-theme.md
  • docs/agent/ui-signal-slot.md
  • .brain/docs/ui-standards.md
  • .brain/docs/widget-rules.md

Core Rules (Non-Negotiable)

  • Use theme tokens (THEME_V2, TOKENS_V2) for colors, spacing, typography, and radii.
  • No hardcoded hex colors.
  • All Qt slots must use @Slot(...); no lambdas in signal connections.
  • Use DialogStyles helpers for dialogs.
  • Prefer SignalCoordinator and PanelManager for wiring.

Minimal Slot Pattern

python
from PySide6.QtCore import Slot

@Slot()
def _on_clicked(self) -> None:
    ...

Common Paths

  • UI widgets: src/casare_rpa/presentation/canvas/ui/widgets/
  • Dialogs: src/casare_rpa/presentation/canvas/ui/dialogs/
  • Panels: src/casare_rpa/presentation/canvas/ui/panels/
  • Theme system: src/casare_rpa/presentation/canvas/theme/

Tests

  • UI tests: tests/presentation/canvas/

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results