shadcn.io is not affiliated with official shadcn/ui
Meeting Notes AI Block for Ark UI
Notes picked out of a typed call transcript: a three-sentence summary with an avatar group, decisions, five action items with checkboxes, owners and due dates, a From button that marks the transcript line, and Copy as Markdown.
Installation
Overview
Turn a call into something people can act on, with these AI meeting notes for React with Ark UI. A compact header names the design review, and a hairline frame with a plus mark on each corner holds the notes Minutewren wrote from a typed transcript. A summary band of three sentences sits beside the five attendees as an Avatar group; the decisions and the action items under it are picked out of the transcript lines marked as decisions and actions, so the notes and the transcript always agree. Each action has a Checkbox, an owner, a fixed due date and a "From 00:14:32" button that opens the Collapsible transcript and marks that line, scrolling the transcript only. Ticking items updates "2 of 5 done", and the Shine Button Copy as Markdown puts the real list on the clipboard with - [x] for what you ticked. The frame is ruled by Guides.
FAQ
What stays in the page, and how do I make it real?
The transcript, the summary and the people are typed at the top of the file, and nothing was recorded or heard, as the header says. The notes are worked out from the transcript: a line marked decision becomes a decision and a line marked action becomes an action item, with its owner and due date. To wire it, produce those line kinds from your transcription service and summariser and pass them in as LINES.
What does Copy as Markdown copy?
A heading and one line per action: - [x] Write the redirect map ... (Anders Falkvik, due 20 Oct), with [x] for items you ticked and [ ] for the rest. It uses the clipboard, and if the browser blocks that the status line says so instead of pretending.
What does From do?
It opens the transcript, marks the line the note came from with a bar and a tint and moves focus to it, and scrolls the transcript region to it without moving the page. The marked line also says "Marked" to screen readers, since a tint alone says nothing.
Why are the dates typed and not relative?
The call happened on a fixed day, and every due date is shown as day and month from an ISO string, so the demo reads the same on every visit and in every locale. Nothing is computed from the clock.
Is it usable with a keyboard and a screen reader?
Each checkbox is named by its task, and the From buttons say "From 00:14:32 in the transcript" and the task. The attendees are a list with names and roles, the transcript is a labelled, focusable region, the count "2 of 5 done" is derived, and one polite status line says what changed.