Index of every page on this site: llms.txt
All skills
tristanmanchester avatar

/react-native-skia

@3323bc9
Run it yourself

Build, debug, or profile React Native Skia canvases, paths, rich text, shaders, images, snapshots, video, and animated graphics. Use when Skia is selected or custom drawing is needed. Do not introduce a canvas merely because ordinary native UI should look polished or animate smoothly.

Use this Skill: https://skilld.dev/gh/tristanmanchester/agent-skills/react-native-skia

Nothing lands on disk. Nothing to clean up.

Fork this Skill

Edit a local copy. It keeps the author and licence.

referenceseval-strategy.md

≈378 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Eval strategy for this skill

This skill ships with:

  • evals/evals.json for output-quality checks
  • evals/trigger-train.json for description tuning
  • evals/trigger-validation.json for held-out trigger validation
  • evals/rubric.md for human or LLM review

How to iterate

  1. Run the trigger sets multiple times and compute trigger rates.
  2. Improve the description using only failures from the train split.
  3. Re-check on the validation split.
  4. Run the output-quality evals with and without the skill (or against the previous skill version).
  5. Use the rubric to compare visual polish, architecture choice, and performance reasoning, not just syntax.

What this skill should outperform

A strong run should consistently:

  • choose retained mode, Picture, Atlas, or shader approaches for the right reasons
  • keep Reanimated state on the UI thread
  • avoid createAnimatedComponent / useAnimatedProps around Skia nodes
  • remember web bootstrap and snapshot caveats
  • address reduced motion for decorative or always-on motion
  • produce visually directed output rather than generic examples

High-value failure patterns to watch

  • returns valid Skia code but with no aesthetic concept
  • uses the wrong render mode for the workload
  • animates via React state or JS-thread churn
  • forgets GestureHandlerRootView or LoadSkiaWeb
  • uses generic text nodes when Paragraph is clearly the right API
  • answers "performance" questions without talking about render mode or workload shape

Source: SKILL.md on GitHub

skilld matched fixed text patterns in SKILL.md and file names. Patterns miss obfuscated code.

skilld run checks every file with the same patterns. It asks for approval before it loads a Skill with a behavior marked Needs approval.

No alerts1mo4 checks · Risk SAFE
  • Gen Agent Trust Hub1mo

    The skill provides templates, documentation, and a diagnostic script for building high-performance graphics in React Native using the Skia engine. The included audit script performs static analysis on local files to verify configuration and does not perform any network or unauthorized file operations.

  • Socket1mo

    No alerts

  • Snyk1mo

    Risk: LOW · No issues

  • ZeroLeaks6mo

    Score: 93/100 · 2 sections analyzed

Signed by skilld at 3323bc9. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 weeks ago.

Steadyupdated last month
metadata
{
  "version": "3.0.0",
  "reviewed": "2026-09-13"
}
Other metadata
compatibility
Current native Skia requires React Native 0.79+ and React 19+. Skia 2.10+ animation integration requires Reanimated 4; resolve the exact Worklets/native combination through the app's Expo SDK and upstream compatibility tables.

README badge

README badge for tristanmanchester/agent-skills/react-native-skia