一键在 Manus 中运行任何 Skill

svg

星标27

分支1

更新时间2026年4月8日 15:48

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', or any request to display scalable vector content in a React Native app.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

bidah

bidah/react-native-hifi

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

SVG

Software Mansion's production SVG patterns for React Native using React Native SVG.

References

File	When to read
`when-to-use.md`	Deciding between react-native-svg, expo-image, @expo/vector-icons, Skia, or Lottie
`svg.md`	Installing react-native-svg; performance considerations; known issues
`animation-patterns.md`	Animating SVG elements and paths with Reanimated

同仓库更多 Skills

同仓库

native-data-fetching

bidah/react-native-hifi

Use when implementing network requests, API calls, data caching, or offline support in React Native or Expo apps, including authentication token management and request lifecycle handling

2026-04-0827

subagent-driven-development

bidah/react-native-hifi

Use when executing implementation plans with independent tasks in the current session

2026-04-0827

writing-plans

bidah/react-native-hifi

Use when you have a spec or requirements for a multi-step task, before touching code

2026-04-0827

brainstorming

bidah/react-native-hifi

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

2026-04-0827

callstack-best-practices

bidah/react-native-hifi

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.

2026-04-0827

react-native-brownfield-migration

bidah/react-native-hifi

Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using @callstack/react-native-brownfield for initial setup. Use when planning migration steps, packaging XCFramework/AAR artifacts, and integrating them into host apps.

2026-04-0827

一键运行任何 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', or any request to display scalable vector content in a React Native app.