SkillAgentSearch skills...

Reacord

Create interactive Discord messages using React. ⚛

Install / Use

npx skills add itsMapleLeaf/reacord

Installs into whichever agent you are using.

About this skill

Quality Score

0/100

Supported Platforms

Universal

README

<center> <img src="packages/website/src/assets/banner.png" alt="Reacord: Create interactive Discord messages using React"> </center>

Installation ∙ npm

# npm
npm install reacord react discord.js

# yarn
yarn add reacord react discord.js

# pnpm
pnpm add reacord react discord.js

Get Started

Visit the docs to get started.

Example

<!-- prettier-ignore -->
import { useState } from "react"
import { Embed, Button } from "reacord"

function Counter() {
  const [count, setCount] = useState(0)

  return (
    <>
      <Embed title="Counter">
        This button has been clicked {count} times.
      </Embed>
      <Button
        label="+1"
        onClick={() => setCount(count + 1)}
      />
    </>
  )
}

Counter demo

Related Skills

View on GitHub
GitHub Stars782
CategoryDevelopment
Updated16d ago
Forks13

Languages

TypeScript

Security Score

100/100

Audited on Jul 23, 2026

No findings