Skip to content

Prose

Gives plain HTML the reading styles of Skribly. Pick it for long text written in JSX or HTML from your own source; use Markdown for Markdown.

  • Prose

PreviewLink to the section Preview

Live in all three themes. Everything here is interactive.

Light theme, Prose

Getting started

Install the app, add a project folder and pick an agent. Press Ctrl + K to open the command menu, or read the guide.

  1. Add a project.
  2. Start a chat with /new.

A very long address wraps instead of stretching the page: https://skribly.pl/docs/agents/configuration/remote-folders-over-ssh

Dark theme, Prose

Getting started

Install the app, add a project folder and pick an agent. Press Ctrl + K to open the command menu, or read the guide.

  1. Add a project.
  2. Start a chat with /new.

A very long address wraps instead of stretching the page: https://skribly.pl/docs/agents/configuration/remote-folders-over-ssh

High contrast theme, Prose

Getting started

Install the app, add a project folder and pick an agent. Press Ctrl + K to open the command menu, or read the guide.

  1. Add a project.
  2. Start a chat with /new.

A very long address wraps instead of stretching the page: https://skribly.pl/docs/agents/configuration/remote-folders-over-ssh

UsageLink to the section Usage

tsx
import { Prose } from '@skribly/ui/content'
tsx
<Prose size="lg">
  <h2>Getting started</h2>
  <p>Install the app and add a project.</p>
</Prose>

Every label is a prop, so the app passes its own words in its own language. See no built-in text.

AccessibilityLink to the section Accessibility

  • Styles only, so the HTML inside keeps its own meaning.
  • Links are underlined, not told by colour alone.
  • Long words and addresses wrap, so the text reflows at 400% zoom.

This demo runs through axe in all three themes on every test run. See what the tests check.

Search this site

Arrows move through the results, Enter opens one, Esc closes. Ctrl K /