{"id":"e3355b83-2c85-41c0-9197-f7fefc783d5c","shortId":"P8RR3e","kind":"skill","title":"syncfusion-maui-markdown-viewer","tagline":"Implements Syncfusion .NET MAUI MarkdownViewer (SfMarkdownViewer) for rendering Markdown content with full formatting support. Use when displaying markdown files, documentation, release notes, or help content in MAUI apps. Covers markdown rendering, appearance customization, CSS ","description":"# Implementing Syncfusion .NET MAUI MarkdownViewer\n\nThis skill guides you through implementing the SfMarkdownViewer control, a lightweight and efficient UI component for rendering Markdown content with full formatting support in .NET MAUI applications across mobile and desktop platforms.\n\n## When to Use This Skill\n\nUse this skill when you need to:\n- Display Markdown-formatted content in a .NET MAUI application\n- Render in-app documentation, user guides, or help content\n- Show release notes, changelogs, or feature updates\n- Present FAQs, troubleshooting guides, or support articles\n- Load Markdown from strings, local files, embedded resources, or URLs\n- Customize the appearance of rendered Markdown (fonts, colors, spacing)\n- Apply custom CSS styling for advanced theming\n- Retrieve or convert Markdown content programmatically (to HTML or plain text)\n- Create documentation viewers, note-taking apps, or content portals\n\n## Component Overview\n\n**SfMarkdownViewer** provides:\n- **Standard Markdown Support** — Renders headings, bold/italic text, lists, tables, images, code blocks, links, and more\n- **Flexible Input Sources** — Load content from strings, `.md` files, embedded resources, or remote URLs\n- **Appearance Customization** — Control fonts, colors, and spacing via `MarkdownStyleSettings`\n- **Custom CSS Styling** — Apply advanced theming using raw CSS rules\n- **Content Retrieval** — Access raw Markdown, convert to HTML, or extract plain text\n- **Smooth Scrolling** — Fluid navigation through large documents across all platforms\n- **Cross-Platform** — Consistent rendering on iOS, Android, Windows, and macOS\n\n**Typical Use Cases:**\n- In-app documentation and feature tours\n- Release notes and version update displays\n- Help sections and support portals\n- Interactive content with links\n- Styled content presentation\n\n## Documentation and Navigation Guide\n\n### Getting Started\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n\nWhen you need to:\n- Install the `Syncfusion.Maui.MarkdownViewer` NuGet package\n- Register the Syncfusion handler in `MauiProgram.cs`\n- Create your first SfMarkdownViewer control (XAML or C#)\n- Add basic Markdown content to display\n\n### Loading Content from Different Sources\n📄 **Read:** [references/loading-content.md](references/loading-content.md)\n\nWhen you need to:\n- Load Markdown from a string variable\n- Read Markdown from a local `.md` file\n- Load embedded resource files from your project\n- Fetch Markdown from a remote URL\n- Handle async loading scenarios\n- Choose the right content source for your use case\n\n### Appearance Customization\n📄 **Read:** [references/appearance-customization.md](references/appearance-customization.md)\n\nWhen you need to:\n- Customize heading sizes and colors (H1, H2, H3)\n- Change body text font size and color\n- Style table headers, data cells, and backgrounds\n- Use the `MarkdownStyleSettings` class\n- Match Markdown appearance with your app's theme\n- Understand property-based styling approach\n\n### Custom CSS Styling\n📄 **Read:** [references/custom-css-styling.md](references/custom-css-styling.md)\n\nWhen you need to:\n- Apply advanced styling beyond basic properties\n- Override default styles with custom CSS rules\n- Style images (borders, shadows, rounded corners, sizing)\n- Customize table appearance (striped rows, borders, padding)\n- Control scrollbar visibility and styling\n- Implement branded content designs\n- Understand CSS precedence over properties\n\n### Content Retrieval\n📄 **Read:** [references/content-retrieval.md](references/content-retrieval.md)\n\nWhen you need to:\n- Retrieve the raw Markdown text programmatically\n- Convert Markdown content to HTML format\n- Extract plain text without formatting\n- Use `GetMarkdownText()`, `GetHtmlText()`, or `GetText()` methods\n- Process or transform Markdown content in code\n\n### Troubleshooting\n📄 **Read:** [references/troubleshooting.md](references/troubleshooting.md)\n\nWhen you encounter:\n- Handler not registered errors\n- NuGet package installation issues\n- Styles not applying correctly\n- CSS not overriding properties\n- Font size unit problems\n- Image loading failures\n- URL loading issues\n- Cross-platform rendering differences","tags":["syncfusion","maui","markdown","viewer","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-markdown-viewer","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-markdown-viewer","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add syncfusion/maui-ui-components-skills","source_repo":"https://github.com/syncfusion/maui-ui-components-skills","install_from":"skills.sh"}},"qualityScore":"0.476","qualityRationale":"deterministic score 0.48 from registry signals: · indexed on github topic:agent-skills · 53 github stars · SKILL.md body (4,206 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:56:08.247Z","embedding":null,"createdAt":"2026-04-18T22:15:28.660Z","updatedAt":"2026-04-22T00:56:08.247Z","lastSeenAt":"2026-04-22T00:56:08.247Z","tsv":"'access':224 'across':72,241 'add':315 'advanc':147,216,432 'android':251 'app':33,102,166,260,412 'appear':37,135,203,372,409,453 'appli':142,215,431,528 'applic':71,98 'approach':420 'articl':122 'async':360 'background':402 'base':418 'basic':316,435 'beyond':434 'block':185 'bodi':390 'bold/italic':179 'border':446,456 'brand':464 'c':314 'case':257,371 'cell':400 'chang':389 'changelog':112 'choos':363 'class':406 'code':184,510 'color':140,207,385,395 'compon':59,170 'consist':247 'content':15,30,63,93,108,153,168,193,222,277,281,318,322,366,465,472,489,508 'control':53,205,311,458 'convert':151,227,487 'corner':449 'correct':529 'cover':34 'creat':160,307 'cross':245,545 'cross-platform':244,544 'css':39,144,213,220,422,442,468,530 'custom':38,133,143,204,212,373,381,421,441,451 'data':399 'default':438 'design':466 'desktop':75 'differ':324,548 'display':22,89,270,320 'document':25,103,161,240,261,283 'effici':57 'embed':129,198,347 'encount':517 'error':521 'extract':231,493 'failur':540 'faq':117 'featur':114,263 'fetch':353 'file':24,128,197,345,349 'first':309 'flexibl':189 'fluid':236 'font':139,206,392,534 'format':18,66,92,492,497 'full':17,65 'get':287 'gethtmltext':500 'getmarkdowntext':499 'gettext':502 'guid':47,105,119,286 'h1':386 'h2':387 'h3':388 'handl':359 'handler':304,518 'head':178,382 'header':398 'help':29,107,271 'html':156,229,491 'imag':183,445,538 'implement':6,40,50,463 'in-app':100,258 'input':190 'instal':296,524 'interact':276 'io':250 'issu':525,543 'larg':239 'lightweight':55 'link':186,279 'list':181 'load':123,192,321,333,346,361,539,542 'local':127,343 'maco':254 'markdown':4,14,23,35,62,91,124,138,152,175,226,317,334,340,354,408,484,488,507 'markdown-format':90 'markdownstyleset':211,405 'markdownview':10,44 'match':407 'maui':3,9,32,43,70,97 'mauiprogram.cs':306 'md':196,344 'method':503 'mobil':73 'navig':237,285 'need':87,294,331,379,429,479 'net':8,42,69,96 'note':27,111,164,266 'note-tak':163 'nuget':299,522 'overrid':437,532 'overview':171 'packag':300,523 'pad':457 'plain':158,232,494 'platform':76,243,246,546 'portal':169,275 'preced':469 'present':116,282 'problem':537 'process':504 'programmat':154,486 'project':352 'properti':417,436,471,533 'property-bas':416 'provid':173 'raw':219,225,483 'read':289,326,339,374,424,474,512 'references/appearance-customization.md':375,376 'references/content-retrieval.md':475,476 'references/custom-css-styling.md':425,426 'references/getting-started.md':290,291 'references/loading-content.md':327,328 'references/troubleshooting.md':513,514 'regist':301,520 'releas':26,110,265 'remot':201,357 'render':13,36,61,99,137,177,248,547 'resourc':130,199,348 'retriev':149,223,473,481 'right':365 'round':448 'row':455 'rule':221,443 'scenario':362 'scroll':235 'scrollbar':459 'section':272 'sfmarkdownview':11,52,172,310 'shadow':447 'show':109 'size':383,393,450,535 'skill':46,81,84 'skill-syncfusion-maui-markdown-viewer' 'smooth':234 'sourc':191,325,367 'source-syncfusion' 'space':141,209 'standard':174 'start':288 'string':126,195,337 'stripe':454 'style':145,214,280,396,419,423,433,439,444,462,526 'support':19,67,121,176,274 'syncfus':2,7,41,303 'syncfusion-maui-markdown-view':1 'syncfusion.maui.markdownviewer':298 'tabl':182,397,452 'take':165 'text':159,180,233,391,485,495 'theme':148,217,414 'topic-agent-skills' 'tour':264 'transform':506 'troubleshoot':118,511 'typic':255 'ui':58 'understand':415,467 'unit':536 'updat':115,269 'url':132,202,358,541 'use':20,79,82,218,256,370,403,498 'user':104 'variabl':338 'version':268 'via':210 'viewer':5,162 'visibl':460 'window':252 'without':496 'xaml':312","prices":[{"id":"b8acbe96-f7ac-4380-a274-54456fc80d42","listingId":"e3355b83-2c85-41c0-9197-f7fefc783d5c","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"syncfusion","category":"maui-ui-components-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:15:28.660Z"}],"sources":[{"listingId":"e3355b83-2c85-41c0-9197-f7fefc783d5c","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-markdown-viewer","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-markdown-viewer","isPrimary":false,"firstSeenAt":"2026-04-18T22:15:28.660Z","lastSeenAt":"2026-04-22T00:56:08.247Z"}],"details":{"listingId":"e3355b83-2c85-41c0-9197-f7fefc783d5c","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-markdown-viewer","github":{"repo":"syncfusion/maui-ui-components-skills","stars":53,"topics":["agent-skills"],"license":null,"html_url":"https://github.com/syncfusion/maui-ui-components-skills","pushed_at":"2026-04-08T07:27:37Z","description":"Skills for Syncfusion .NET MAUI components. Enable AI-assisted development with comprehensive documentation, code examples, and best practices for 100+ UI controls including DataGrid, Charts, Scheduler, and more.","skill_md_sha":"a51bd87a56eb1d4fc69cc77e6548629d1f5b4c26","skill_md_path":"skills/syncfusion-maui-markdown-viewer/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-markdown-viewer"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-markdown-viewer","description":"Implements Syncfusion .NET MAUI MarkdownViewer (SfMarkdownViewer) for rendering Markdown content with full formatting support. Use when displaying markdown files, documentation, release notes, or help content in MAUI apps. Covers markdown rendering, appearance customization, CSS styling, and content sources (string/file/URL/resource)."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-markdown-viewer"},"updatedAt":"2026-04-22T00:56:08.247Z"}}