skills.rest
jayteealao
jayteealaoCOMMUNITY
Explore all skills by this author →
GitHub

dailytags

Convert Markdown and HTML into styled Compose AnnotatedString for Android apps.

Updated Nov 7, 2025
Search Tags:#markdown#regex#compose#text-rendering#annotatedstring#daily-tags
One-click install
npx skills add https://github.com/jayteealao/Stargazer --skill dailytags
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dailytags
Source: https://github.com/jayteealao/Stargazer/tree/main/.claude/skills/dailytags
Command: npx skills add https://github.com/jayteealao/Stargazer --skill dailytags

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

DailyTags enables text-only markdown rendering in Jetpack Compose by converting markdown/HTML into styled AnnotatedString without relying on WebView, simplifying UI rendering and keeping performance lightweight.

Core Features & Use Cases

  • Markdown/HTML parsing into a composed AnnotatedString with full styling control
  • Custom tag/markup creation via regex-based rules for flexible formatting
  • Native Compose integration for seamless UI composition
  • Lightweight footprint suitable for chat messages, notes, and in-app documentation
  • Extensible rule system with MarkdownRules and HtmlRules plus user-defined rules

Quick Start

  • Create a SimpleMarkupParser instance.
  • Build a rules list using MarkdownRules.toList() (and HtmlRules.toList() if HTML is required).
  • Parse your source, render to AnnotatedString, and display with a Text composable.

Frequently Asked Questions about dailytags

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render markdown as styled text in Jetpack Compose without WebView?▼

To render markdown as styled text without WebView, parse the source with SimpleMarkupParser, convert it using MarkdownRules, and display the resulting AnnotatedString with a standard Text composable.

Can I parse custom HTML tags into a Compose AnnotatedString?▼

Yes, you can parse custom HTML tags into a Compose AnnotatedString by combining HtmlRules with user-defined, regex-based rules to apply flexible text styling within your Android app.

What is the best way to display rich text formatting from markdown in an Android chat app?▼

The best way to display rich text from markdown in an Android chat app is converting it to an AnnotatedString using SimpleMarkupParser, which provides a lightweight footprint suitable for chat messages.

Does this markdown to AnnotatedString approach support custom regex rules for text styling?▼

Yes, the markdown to AnnotatedString approach supports custom regex rules for text styling, allowing you to create custom tag markups alongside the default MarkdownRules and HtmlRules configurations.

Why use AnnotatedString instead of WebView for rendering markdown in Jetpack Compose?▼

Use AnnotatedString instead of WebView for rendering markdown to simplify UI rendering and keep performance lightweight, avoiding the overhead of embedding a full web view for simple text layouts.

Related Skills

Explore More Software Engineering Skills→
tranceetrancee

configuring-test-dependencies

Configure Gradle dependencies for Jetpack Compose UI and instrumentation tests.

Community
Intermediate
cathayriskcathayrisk

using-streamlit-markdown

Render GitHub-flavored Markdown and Streamlit extensions for styled UI text.

Community
Basic
costularcostular
13

compose-modifier-and-layout-style

Analyzes Jetpack Compose layouts for modifier and structure issues.

Community
Intermediate
1natsu1721natsu172
1

use-dom

Run web-centric React components in a WebView across iOS, Android, and Web.

Community
Intermediate