Dev Design Library

Write Block

A draft editor with live length feedback, preset and free-text edit instructions with prompt improvement, and an AI edit reviewed as a before/after diff with explicit Accept/Reject (Accept applies exactly the after text). Resolves the Chrom.

Write Block preview
Library
LocalMode
Framework
React
Type
block
License
MIT
Dependencies
@localmode/chrome-ai, @localmode/core, @localmode/react, @localmode/transformers
Install
npx shadcn add @localmode/ui/ui/blocks/writing-tools/write
Files
  • apps/ui/src/app/blocks/writing-tools/write/write.tsx
  • packages/react/src/index.ts
  • packages/core/src/index.ts
  • apps/ui/registry/localmode/input-controls/char-limit-indicator/char-limit-indicator.tsx
  • apps/ui/registry/localmode/input-controls/prompt-enhance-button/prompt-enhance-button.tsx
  • apps/ui/registry/localmode/artifacts/code-diff-viewer/code-diff-viewer.tsx
  • apps/ui/registry/localmode/local-first/capability-gate/capability-gate.tsx
  • apps/ui/registry/localmode/local-first/provider-badge/provider-badge.tsx
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode