Rich Text
kingstinct/react-native-healthkit
Software Mansion's best practices for rich text in React Native using react-native-enriched and react-native-enriched-markdown.
Software Mansion's best practices for rich text in React Native using react-native-enriched-html (formerly react-native-enriched) and react-native-enriched-markdown.
Install Rich Text
$ npx skills add software-mansion-labs/skills --skill rich-text -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install software-mansion-labs/skills rich-text --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/software-mansion-labs/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/react-native-best-practices/references/rich-text .claude/skills/rich-text && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "rich-text" agent skill from https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices/references/rich-text into .claude/skills/rich-text/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rich-text", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices/references/rich-textType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add software-mansion-labs/skills --skill rich-text -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install software-mansion-labs/skills rich-text --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/software-mansion-labs/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/react-native-best-practices/references/rich-text .agents/skills/rich-text && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "rich-text" agent skill from https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices/references/rich-text into .agents/skills/rich-text/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rich-text", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add software-mansion-labs/skills --skill rich-text -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install software-mansion-labs/skills rich-text --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/software-mansion-labs/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/react-native-best-practices/references/rich-text .cursor/skills/rich-text && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "rich-text" agent skill from https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices/references/rich-text into .cursor/skills/rich-text/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rich-text", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/software-mansion-labs/skills.git --path skills/react-native-best-practices/references/rich-text--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add software-mansion-labs/skills --skill rich-text -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install software-mansion-labs/skills rich-text --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/software-mansion-labs/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/react-native-best-practices/references/rich-text .gemini/skills/rich-text && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "rich-text" agent skill from https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices/references/rich-text into .gemini/skills/rich-text/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rich-text", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install software-mansion-labs/skills rich-textInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add software-mansion-labs/skills --skill rich-text -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/software-mansion-labs/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/react-native-best-practices/references/rich-text .github/skills/rich-text && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "rich-text" agent skill from https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices/references/rich-text into .github/skills/rich-text/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rich-text", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add software-mansion-labs/skills --skill rich-text -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install software-mansion-labs/skills rich-text --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/software-mansion-labs/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/react-native-best-practices/references/rich-text .opencode/skills/rich-text && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "rich-text" agent skill from https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices/references/rich-text into .opencode/skills/rich-text/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rich-text", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
rich-text- GitHub stars
- 291
- Token cost
- ~5.4k tokens
- SKILL.md length
- 1,470 words
- Files
- 1
- Skills in repo
- 20
- Repo updated
- First seen
- Licence
- None found
At a glance
Software Mansion's best practices for rich text in React Native using react-native-enriched-html (formerly react-native-enriched) and react-native-enriched-markdown.
- Building rich text editors
- SKILL.md covers Choosing the right library, react-native-enriched-html…, react-native-enriched-markdown… and Known limitations
- Calls npm; reaches reactnative.dev
- Formatted text inputs
What it does
Rich Text is an agent skill from software-mansion-labs/skills. Software Mansion's best practices for rich text in React Native using react-native-enriched-html (formerly react-native-enriched) and react-native-enriched-markdown. Use when building rich text editors, formatted text inputs, HTML or Markdown renderers, or any feature requiring inline styling, mentions, links, structured text editing, or Markdown display. Trigger on: 'rich text editor', 'rich text input', 'text editor', 'react-native-enriched', 'react-native-enriched-html', 'react-native-enriched-markdown'…
Its SKILL.md is about 5.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Mobile, covering Cross-platform mobile apps, LaTeX and Markdown. It works with React Native and LaTeX. The repository describes itself as: Software Mansion's set of skills for AI-assisted React Native development.
When your agent uses it
- Building rich text editors
- Formatted text inputs
- Markdown renderers
- Any feature requiring inline styling
Example prompts
- “rich text editor”
- “rich text input”
- “text editor”
- “/rich-text”
Requirements
- Node.js
What it can do on your machine
Read from SKILL.md and the folder at commit e3f00cd. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
npm
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
reactnative.dev
Also links to:
github.comdocs.swmansion.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Rich Text loads about 5.4k tokens when it runs. Until then it costs about 231 tokens; SKILL.md has 1,470 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 1,470 words (~5,405 tokens).
“Software Mansion's production patterns for rich text editing and rendering in React Native.”
- name
- rich-text
Files
Just SKILL.md in skills/react-native-best-practices/references/rich-text of software-mansion-labs/skills.
Open the folder on GitHubat commit e3f00cd
Compare with similar skills
Rich Text next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Rich Text this skillsoftware-mansion-labs/skills | 291 | — | ~5.4k | Automated safety check: Pass | None | |
| Rich Textkingstinct/react-native-healthkit | 716 | — | ~3.1k | Automated safety check: Pass | MIT | |
| Lov Any2pdflovstudio/any2pdf | 211 | — | ~2.4k | Automated safety check: Notes | MIT | |
| MineruNebutra/MinerU-Skill | 123 | — | ~1.4k | Automated safety check: Pass | MIT | |
| Using Streamlit Markdowniusztinpaul/designing-real-world-ai-agents-workshop | 512 | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | |
| React Native Best Practicesvercel-labs/openreview | 1.7k | 17 repos | ~1.1k | Automated safety check: Pass | MIT |
Similar skills
Lov Any2pdf
lovstudio/any2pdf
Convert Markdown documents to professionally typeset PDF files with reportlab.
Mineru
Nebutra/MinerU-Skill
An AI-Native skill for parsing PDF / Office / image files into clean Markdown with MinerU — a fast, zero-config document parser for AI agents.
Using Streamlit Markdown
iusztinpaul/designing-real-world-ai-agents-workshop
Covers all Markdown features in Streamlit including GitHub-flavored syntax plus Streamlit extensions like colored text, badges, Material icons, and LaTeX.
- Official
React Native Best Practices
vercel-labs/openreview
A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.
Creating Reanimated Animations
gluestack/gluestack-ui
Generate React Native Reanimated animation code for React Native apps.
More from software-mansion-labs/skills
All 20 skills in this repoDetour Onboarding
software-mansion-labs/skills
Complete onboarding guide for developers who are new to Detour, the open-source deferred deep linking SDK by Software Mansion.
Typegpu
software-mansion-labs/skills
TypeGPU is type-safe WebGPU in TypeScript. An agent skill from software-mansion-labs/skills.
Enable Worklets Bundle Mode
software-mansion-labs/skills
Enable react-native-worklets Bundle Mode (imports inside worklets, third party libraries on worklet runtimes) in an Expo, RN CLI or brownfield React Native app, including the mandatory…
Moq Kit
software-mansion-labs/skills
Software Mansion's moq-kit — native Swift (iOS) and Kotlin (Android) SDKs for Media over QUIC (moq-lite) live streaming: sub-second-latency playback, camera/microphone/screen publishing, and…
React Native Moq
software-mansion-labs/skills
Software Mansion's react-native-moq — Media over QUIC (MoQ) live streaming for React Native: sub-second-latency video/audio playback, camera/mic/screen publishing, and realtime data tracks over a…
Expo Horizon
software-mansion-labs/skills
Software Mansion's guide for migrating Expo SDK apps to Meta Quest using expo-horizon packages.
Related
Works with
Categories
Questions about Rich Text
What does Rich Text do?
Software Mansion's best practices for rich text in React Native using react-native-enriched-html (formerly react-native-enriched) and react-native-enriched-markdown. Rich Text is an agent skill from software-mansion-labs/skills. Software Mansion's best practices for rich text in React Native using react-native-enriched-html (formerly react-native-enriched) and react-native-enriched-markdown.
When should I use Rich Text?
Rich Text fits situations like: building rich text editors; formatted text inputs; markdown renderers; any feature requiring inline styling.
How do I install Rich Text in Claude Code?
Run `npx skills add software-mansion-labs/skills --skill rich-text -a claude-code`. Or copy the skill folder (skills/react-native-best-practices/references/rich-text in software-mansion-labs/skills) into .claude/skills/rich-text in your project. Claude Code loads it when a task matches its description.
How do I install Rich Text in Codex?
Run `npx skills add software-mansion-labs/skills --skill rich-text -a codex`. Or copy the skill folder (skills/react-native-best-practices/references/rich-text in software-mansion-labs/skills) into .agents/skills/rich-text in your project. Codex loads it when a task matches its description.
Can I use Rich Text in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add software-mansion-labs/skills --skill rich-text -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/rich-text, .gemini/skills/rich-text, .github/skills/rich-text and .opencode/skills/rich-text in your project.
What does Rich Text need to run?
Going by SKILL.md and its folder, Rich Text needs the command-line tools its instructions call (npm). Our summary lists: Node.js.
Does Rich Text access the network?
SKILL.md names 3 domains. In commands or code: reactnative.dev; the agent is likely to contact it when it follows the instructions. As links in the text: github.com and docs.swmansion.com. This is read from the text; nothing was executed.
Is Rich Text safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Rich Text use?
No licence was found for Rich Text or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Rich Text use?
About 5.4k tokens (SKILL.md is roughly 22k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Rich Text?
Skills that share tags, products or a category with Rich Text: Rich Text (kingstinct/react-native-healthkit, 716 stars), Lov Any2pdf (lovstudio/any2pdf, 211 stars), Mineru (Nebutra/MinerU-Skill, 123 stars) and Using Streamlit Markdown (iusztinpaul/designing-real-world-ai-agents-workshop, 512 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Rich Text?
software-mansion-labs (a GitHub organization) maintains it in software-mansion-labs/skills, which has 291 GitHub stars. The repository holds 20 skills in this directory. The repository was last updated on September 28, 2026.
Source: software-mansion-labs/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.