Files
OpenCode Agent 44de53700c Add component-engineer agent and skill package
Introduce a new agent and comprehensive skill set for professional React
component engineering. This includes specialized commands for component
review and creation based on a formal specification.

Key additions:
- New component-engineer agent and associated commands
- Deep knowledge-base skill covering accessibility and composition
- Integration of the specification into the VRTCT stack agents
2026-01-11 14:27:27 +00:00

1.0 KiB

name, description
name description
component-create Generates a new React component.

/component-create [name] [intent]

Generate a professional, spec-compliant React component. - `name`: Name of the component (e.g., `MetricCard`). - `intent`: What the component SHOULD do (e.g., "display a value with a trend indicator").
  1. Load Skill: You MUST use the skill tool to load component-engineering.
  2. Read References: You MUST read the relevant references/*.md files to align with the engineering specification.
  3. Design:
    • Select Artifact Type (Primitive, Component, Block).
    • You MUST define the Keyboard Map and Focus Strategy.
    • Design Slot and State data attributes.
  4. Implement:
    • Use Semantic HTML or an appropriate Primitive.
    • You MUST apply asChild support for interactive parts.
    • You MUST implement Prop Spreading and Ref Forwarding.
  5. Review: Self-audit the result against the loaded skill.