CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-remirror--react

Hooks and components for consuming remirror with your fave framework React.

Overall
score

36%

Evaluation36%

1.09x

Agent success when using this tile

Overview
Eval results
Files

rubric.jsonevals/scenario-2/

{
  "context": "Evaluates how well the solution wires a Remirror React toolbar into command, helper, and state hooks to drive formatting toggles, chained snippet insertion, and live selection indicators.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Command toggles",
      "description": "Bold and italic buttons call @remirror/react's useCommands hook to invoke toggleBold and toggleItalic (not custom mutations) and reflect the results in the UI.",
      "max_score": 30
    },
    {
      "name": "Chained snippet",
      "description": "Snippet control leverages useChainedCommands to compose focus().insertText(snippetText).run() (or equivalent chain) so focusing and insertion happen in one command sequence.",
      "max_score": 30
    },
    {
      "name": "Helper indicator",
      "description": "Italic active status is derived via useHelpers().isMarkActive('italic') (or the helper-based active query) instead of manual selection parsing, and updates after formatting changes.",
      "max_score": 25
    },
    {
      "name": "Selection state",
      "description": "Selection start/end display comes from useEditorState or useCurrentSelection provided by @remirror/react, updating when the selection changes rather than using ad-hoc DOM reads.",
      "max_score": 15
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-remirror--react@2.0.0
What are skills?

tile.json