Claude-skill-registry custom-renderer-implementation
Architect bespoke React renderers for non-DOM environments using the `react-reconciler` package.
install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/custom-renderer-implementation" ~/.claude/skills/majiayu000-claude-skill-registry-custom-renderer-implementation && rm -rf "$T"
manifest:
skills/data/custom-renderer-implementation/SKILL.mdsource content
Custom Renderer Implementation (React 18)
Summary
Architect bespoke React renderers for non-DOM environments using the
react-reconcilerKey Capabilities
- Implement a full HostConfig interface for a custom target.
- Map fiber mutations to imperative host API calls.
- Manage persistent vs. transient host instance updates.
PhD-Level Challenges
- Design a scheduling-aware host config for Frame-limited targets.
- Prove correctness of the mutation queue execution order.
- Implement concurrent mode support for a custom target.
Acceptance Criteria
- Deploy a working custom renderer (e.g., to Canvas or Terminal).
- Demonstrate correct update propogation.
- Pass the standard React conformance test suite for renderers.