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-10/

{
  "context": "Evaluates whether the solution leverages @remirror/react's built-in toolbar, formatting, list, and alignment components to build the requested editor while keeping change handling wired through the Remirror React APIs. Focuses on using the ready-made buttons and groups rather than custom command wiring or DOM manipulation.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Remirror setup",
      "description": "Initializes the editor with `useRemirror` (or `createReactManager`) and renders `Remirror` plus `EditorComponent`, passing initial HTML and editable flags while surfacing changes via `OnChangeHTML`/`OnChangeJSON` callbacks to emit updated HTML.",
      "max_score": 20
    },
    {
      "name": "Toolbar usage",
      "description": "Renders a persistent toolbar using `BaseToolbar`/`WysiwygToolbar` (or equivalent) and composes built-in groups like `BasicFormattingButtonGroup`, `ListButtonGroup`, and `TextAlignmentButtonGroup` instead of custom buttons.",
      "max_score": 20
    },
    {
      "name": "Formatting buttons",
      "description": "Provides inline formatting controls via package toggles such as `ToggleBoldButton` and `ToggleItalicButton` (or `BasicFormattingButtonGroup`) bound to the Remirror context so toggling updates the selected text and emitted HTML.",
      "max_score": 20
    },
    {
      "name": "List buttons",
      "description": "Implements list controls with @remirror/react components like `ToggleBulletListButton` and `ToggleOrderedListButton` (or `ListButtonGroup`), relying on built-in active/disabled state from editor state rather than manual DOM manipulation.",
      "max_score": 20
    },
    {
      "name": "Alignment controls",
      "description": "Applies text alignment using provided components such as `TextAlignmentButtonGroup` or the `LeftAlignButton`/`CenterAlignButton`/`RightAlignButton` set, wired to the editor so selection changes are reflected in the resulting HTML.",
      "max_score": 20
    }
  ]
}

Install with Tessl CLI

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

tile.json