원클릭으로 Manus에서 모든 스킬 실행

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 저장소 열기 Creator 저장소 보기

다운로드

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

원클릭으로 모든 스킬 실행

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.