ReddRadar
Agent skill
custom-renderer-implementation
Architect bespoke React renderers for non-DOM environments using the `react-reconciler` package.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/custom-renderer-implementation
SKILL.md
Custom Renderer Implementation (React 18)
Summary
Architect bespoke React renderers for non-DOM environments using the react-reconciler package.
Key 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.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?