02-ui-patterns-uses-contextscout.yaml 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. id: opencoder-ui-patterns-contextscout
  2. name: "OpenCoder: Uses ContextScout for UI Pattern Discovery"
  3. description: |
  4. Tests that OpenCoder delegates to ContextScout when asked about UI patterns,
  5. design systems, or React components (unfamiliar domain for a coder).
  6. This validates:
  7. - OpenCoder recognizes UI/design as requiring context discovery
  8. - OpenCoder delegates to ContextScout via task tool
  9. - OpenCoder uses discovered ui/web context files
  10. - OpenCoder applies design patterns from loaded context
  11. Expected Behavior:
  12. 1. OpenCoder receives UI component request
  13. 2. OpenCoder delegates to ContextScout for UI patterns
  14. 3. ContextScout returns: react-patterns.md, design-systems.md
  15. 4. OpenCoder loads those files
  16. 5. OpenCoder implements component following discovered patterns
  17. This test SHOULD FAIL if:
  18. - OpenCoder doesn't use ContextScout
  19. - OpenCoder implements without loading UI context
  20. - OpenCoder doesn't follow discovered design patterns
  21. category: developer
  22. agent: core/opencoder
  23. prompts:
  24. - text: |
  25. Create a React button component that follows modern design system patterns.
  26. The button should support:
  27. - Multiple variants (primary, secondary, danger)
  28. - Different sizes (small, medium, large)
  29. - Loading state
  30. - Disabled state
  31. approvalStrategy:
  32. type: auto-approve
  33. behavior:
  34. mustUseTools:
  35. - task # Must delegate to ContextScout
  36. - read # Must read discovered context files
  37. minToolCalls: 3
  38. maxToolCalls: 25
  39. expectedViolations:
  40. - rule: approval-gate
  41. shouldViolate: false
  42. severity: error
  43. timeout: 120000
  44. tags:
  45. - opencoder
  46. - contextscout-integration
  47. - ui-patterns
  48. - react
  49. - critical
  50. # Expected outcome:
  51. # - OpenCoder uses task tool to delegate to ContextScout
  52. # - Task prompt includes: "Search for context files related to: React patterns and design systems"
  53. # - OpenCoder receives ContextScout's findings
  54. # - OpenCoder uses read tool to load ui/web context
  55. # - OpenCoder implements button following patterns from loaded context
  56. # - Component uses design system patterns (variants, sizes, states)