Agent skill
canvas-ui-builder
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.mddocs/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
DialogStyleshelpers for dialogs. - Prefer
SignalCoordinatorandPanelManagerfor wiring.
Minimal Slot Pattern
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/
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?