🎨

vercel-react-native-skills

skills.shエコシステムの再利用可能なAgent Skillです。 vercel-react-native-skills from vercel-labs/agent-skills: React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules.

中級 20-45 minutes 0 閲覧数 0 いいね
skills.shagent skillvercel-labsdesignMobilevercel-react-native-skills

学習を開始

vercel-react-native-skills: このSkillでできること

vercel-react-native-skills is a reusable agent skill listed on skills.sh under vercel-labs/agent-skills. skills.sh rank #78, installs 115.6K, GitHub stars 27.0K, first seen Jan 26, 2026.

React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules. Covers eight rule categories prioritized by impact: list performance (FlashList, memoization, callback stability), animations (GPU properties, derived values), navigation, UI patterns, state management, rendering, monorepo structure, and configuration List performance rules address critical concerns like virtualizing large lists, optimizing images, and avoiding inline objects that trigger unnecessary re-renders Animation guidance focuses on GPU-accelerated properties (transform, opacity) and Reanimated patterns; navigation recommends native stack and tab navigators over JavaScript alternatives Includes rules for modern UI patterns: expo-image for all images, Pressable over TouchableOpacity, native modals, and safe area handling in ScrollViews

使うべき場面

  • Use this skill when the task matches the package name, repository context, or skills.sh topic: Mobile.
  • Prefer it when a repeatable workflow is better than a one-off prompt: setup, review, design, deployment, automation, research, media generation, or operational checks.
  • For production work, read the linked repository and install command before allowing the agent to run scripts or modify files.

Agentでの使い方

  1. Confirm the user intent and whether this skill is the right fit.
  2. Install or inspect the skill with the official command from skills.sh.
  3. Read the local SKILL.md and only load extra files referenced by that skill.
  4. Follow the skill's workflow, then verify the result with tests, screenshots, audits, or source-backed checks as appropriate.
  5. Record any constraints, missing credentials, tool permissions, or security warnings before handoff.

品質と安全の確認

  • Check repository ownership and source reputation: vercel-labs/agent-skills.
  • Review security audit signals before installing; skills.sh reports: Gen Agent Trust Hub Pass Socket Pass Snyk Pass.
  • Never grant broad shell, browser, cloud, or deployment permissions without user approval.
  • Treat generated output as draft until validated by the skill's own acceptance criteria.
  • If the skill touches cloud resources, costs, credentials, customer data, or production deploys, require a human review step.

出典とインストール

  • skills.sh page: https://www.skills.sh/vercel-labs/agent-skills/vercel-react-native-skills
  • Repository: https://github.com/vercel-labs/agent-skills
  • Install command: npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-native-skills

FAQ

Is vercel-react-native-skills an agent, a prompt, or a skill?
It is a skill: a reusable package of task-specific instructions and supporting files that an agent can load when the user's request matches the workflow.

Should I install it automatically?
Only after checking the repository, install command, audit status, and whether the user wants this capability in the current agent environment.

What makes it useful for AIDreamHub users?
It helps users discover practical agent capabilities from the open skills ecosystem and compare them by task, source, install count, and operational risk.

Install & Source

Install Command
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-native-skills
Official Repository Download ZIP

リソース

関連スキル

🎨

frontend-design

Intermediate 20-45 minutes

skills.shエコシステムの再利用可能なAgent Skillです。 frontend-design from anthropics/skills: Distinctive, production-grade frontend interfaces that reject generic AI aesthetics.

skills.shagent skillanthropics
00
Learn
🎨

web-design-guidelines

Intermediate 20-45 minutes

skills.shエコシステムの再利用可能なAgent Skillです。 web-design-guidelines from vercel-labs/agent-skills: Audit UI code against Vercel's Web Interface Guidelines for design and accessibility compliance.

skills.shagent skillvercel-labs
00
Learn
🎨

ui-ux-pro-max

Intermediate 20-45 minutes

skills.shエコシステムの再利用可能なAgent Skillです。 ui-ux-pro-max from nextlevelbuilder/ui-ux-pro-max-skill: Comprehensive design intelligence for web and mobile UI/UX across 10 technology stacks.

skills.shagent skillnextlevelbuilder
10
Learn
🎨

openclaw-secure-linux-cloud

Intermediate 20-45 minutes

skills.shエコシステムの再利用可能なAgent Skillです。 openclaw-secure-linux-cloud from xixu-me/skills: openclaw-secure-linux-cloud packages reusable procedural knowledge for agents.

skills.shagent skillxixu-me
10
Learn