Hi - I answer from the OpenSmartRoute documentation: routing, the API, plans and quotas, self-hosting. Ask away, or open a support ticket if you need a person.
Grounded in the docs - follow a source before acting on it.
svg - Skill - OpenSmartRoute
Skillv1.0.0
svg
Software Mansion's best practices for SVG rendering in React Native apps using React Native SVG. Use when rendering vector graphics, icons, charts, illustrations, or any SVG content. Trigger on: 'reac
Imported from AriesHongHuanWu/HoopAi (.claude/skills/react-native-best-practices/references/svg/SKILL.md). Install upstream with npx skills add AriesHongHuanWu/HoopAi --skill svg. Copyright stays with the author.
SVG
Software Mansion's production SVG patterns for React Native using React Native SVG.
Deciding between react-native-svg, expo-image, @expo/vector-icons, Skia, or Lottie
svg.md
Installing react-native-svg; loading SVGs from URIs, XML strings, or files; filters; touch events; performance considerations; known issues
Use it
Copy one of these into your project. Installing also returns the manifest and these snippets.
# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot
curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'
Manifest
An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.
arieshonghuanwu-hoopai-svg.ocm.jsonjson
{
"ocm": "1",
"id": "arieshonghuanwu-hoopai-svg",
"kind": "skill",
"name": "svg",
"description": "Software Mansion's best practices for SVG rendering in React Native apps using React Native SVG. Use when rendering vector graphics, icons, charts, illustrations, or any SVG content. Trigger on: 'react-native-svg', 'SVG', 'vector graphics', 'render icon', 'draw shape', 'chart', 'path', 'Svg component', 'SvgUri', 'SvgXml', 'SvgCss', 'FilterImage', 'SVG filter', or any request to display scalable vector content in a React Native app.",
"publisher": "AriesHongHuanWu",
"version": "1.0.0",
"capabilities": {
"domains": [
"data_analysis"
],
"tags": [
"skill-md",
"github"
],
"languages": [
"en"
]
},
"quality_prior": 0.6,
"examples": [
"Software Mansion's best practices for SVG rendering in React Native apps using React Native SVG. Use when rendering vector graphics, icons, charts, illustrations, or any SVG content. Trigger on: 'react-native-svg', 'SVG', 'vector graphics', 'render icon', 'draw shape', 'chart', 'path', 'Svg component', 'SvgUri', 'SvgXml', 'SvgCss', 'FilterImage', 'SVG filter', or any request to display scalable vector content in a React Native app."
],
"primary": false,
"metadata": {
"source": {
"provider": "github",
"repository": "https://github.com/AriesHongHuanWu/HoopAi",
"path": ".claude/skills/react-native-best-practices/references/svg/SKILL.md",
"ref": "5edfd29bc6e59b030151aa37dab6efa1140a9723",
"url": "https://github.com/AriesHongHuanWu/HoopAi/blob/5edfd29bc6e59b030151aa37dab6efa1140a9723/.claude/skills/react-native-best-practices/references/svg/SKILL.md",
"key": "AriesHongHuanWu/HoopAi/.claude/skills/react-native-best-practices/references/svg/SKILL.md"
}
},
"instructions": "# SVG\n\nSoftware Mansion's production SVG patterns for React Native using React Native SVG.\n\nFor API details on specific components and props, webfetch https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md\n\n## References\n\n| File | When to read |\n|------|-------------|\n| `when-to-use.md` | Deciding between react-native-svg, expo-image, @expo/vector-icons, Skia, or Lottie |\n| `svg.md` | Installing react-native-svg; loading SVGs from URIs, XML strings, or files; filters; touch events; performance considerations; known issues |",
"cost": {
"context_tokens": 136
}
}
Fetch it by URL: GET /api/v1/registry/arieshonghuanwu-hoopai-svg/manifest?version=1.0.0
Reviews
Star ratings from people who tried it. One review per account; edit yours any time.
No reviews yet. Install it, try it, and be the first to rate it.
