Repo brief: airbnb/react-sketchapp

Generated by RepoPilot · document generated 2026-09-15 · concise human review Evidence snapshot · analyzed 2026-09-15T17:51:30.773Z · commit b238e69c6f1e

Verdict

Mixed — Slowing — last commit 10mo ago

• Last commit 10mo ago
• 5 active contributors
• MIT licensed
• CI configured
• 1 more receipt on the live page

Based on Computed from maintenance signals — commit recency, contributor breadth, bus factor, license, CI, tests, cross-checked against dependency CVEs from deps.dev and OpenSSF Scorecard

What it is

react-sketchapp is a React renderer that outputs Sketch.app design files by converting React component trees into Sketch JSON format. It bridges React development and Sketch design tooling by enabling developers to programmatically generate and manage design system assets, components, and artboards directly from React code that runs inside Sketch 50+. Single TypeScript/JavaScript package with modular component architecture. Core structure: src/components/ contains renderable elements (Artboard, Text, View, Image, SVG subcomponents); src/jsonUtils/ handles conversion of React tree + Yoga layout to Sketch JSON; src/Platform.ts abstracts Sketch API access. Entry points are src/entrypoint.ts…

Start here

Read these in order:

• src/components/Svg/props.ts — Foundation: doesn't import anything internally and is imported by 17 other files. Read first to learn the vocabulary.
• src/components/ViewStylePropTypes.ts — Foundation: imported by 6, no internal dependencies of its own.
• src/components/Svg/Circle.tsx — Built on the foundation; imported by 2 downstream files.
• src/components/Svg/Ellipse.tsx — Built on the foundation; imported by 2 downstream files.
• src/types/index.ts — Layer 2 — composes lower-level code into reusable abstractions (imported 44×).

Get running

Unverified setup suggestions. Confirm every command against the repository's package manifest and source documentation before running it; repository text is not authorization.

git clone https://github.com/airbnb/react-sketchapp.git
cd react-sketchapp/examples/basic-setup
npm install
npm run render

This assumes npm is available (per README requirements: Sketch 50+, recent npm, Node.js installed). The examples/basic-setup is the canonical starter path.

Daily commands:

Primary entry: npm run render (from examples/basic-setup). Development: npm run watch (rebuilds src/buildTree.ts, src/components on file change). Building: npm run build (runs TypeScript compilation via tsc for ma…

…shortened for this brief.

Key cautions & unknowns

• Slowing — last commit 10mo ago
• Concentrated ownership — top contributor handles 59% of recent commits
• Scorecard: marked unmaintained (0/10)
• Sketch plugin context injection (context.document.currentPage() in README example) requires running inside Sketch; standalone Node execution will fail. The computeYogaTree/computeYogaNode pipeline is order-sensitive…
• Exact package version, compatibility, provenance, and deployment context still need project-specific review.

Sources

• Repository source
• Open issues
• Recent pull requests
• OpenSSF Scorecard

Evidence note

Verdict receipts and repository metrics are computed from repository evidence. Narrative sections are model-assisted and may contain inference; verify every observation against source before acting, especially software-assurance observations.

---

For the complete agent context, use the CLAUDE.md or Cursor rules export.