MCP HubMCP Hub
スキル一覧に戻る

concurrent-rendering-orchestration

majiayu000
更新日 Yesterday
16 閲覧
58
9
58
GitHubで表示
デザインautomationdesign

について

このスキルは、開発者が`useTransition`、`Suspense`、および選択的ハイドレーションを使用して、複雑なReact 18の並行レンダリングワークフローを設計および検証するのに役立ちます。緊急のUI更新と非緊急のUI更新のモデリング、カスケード停止を防ぐためのSuspense境界の構成、重要な領域を優先するハイドレーション戦略の実装を可能にします。重いレンダリングワークロードを調整する際に、アプリケーションの応答性を維持するためにご利用ください。

クイックインストール

Claude Code

推奨
プラグインコマンド推奨
/plugin add https://github.com/majiayu000/claude-skill-registry
Git クローン代替
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/concurrent-rendering-orchestration

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

ドキュメント

Concurrent Rendering Orchestration (React 18)

Summary

Design and validate complex concurrent rendering workflows using useTransition, Suspense, and selective hydration to preserve responsiveness under heavy workloads.

Key Capabilities

  • Model UI updates as urgent vs non-urgent and coordinate transitions across nested trees.
  • Compose Suspense boundaries to avoid cascading stalls and over-suspension.
  • Implement selective hydration strategies that prioritize user-critical regions.

PhD-Level Challenges

  • Prove liveness properties for a UI state machine under partial rendering.
  • Construct a minimal cut set of Suspense boundaries for optimal TTI.
  • Derive empirical thresholds where useTransition improves tail latency.

Acceptance Criteria

  • Demonstrate a UI with nested Suspense boundaries and staged reveals.
  • Show consistent input responsiveness during large list updates.
  • Provide a benchmark report before/after applying transitions.

GitHub リポジトリ

majiayu000/claude-skill-registry
パス: skills/concurrent-rendering-orchestration

関連スキル

content-collections

メタ

This skill provides a production-tested setup for Content Collections, a TypeScript-first tool that transforms Markdown/MDX files into type-safe data collections with Zod validation. Use it when building blogs, documentation sites, or content-heavy Vite + React applications to ensure type safety and automatic content validation. It covers everything from Vite plugin configuration and MDX compilation to deployment optimization and schema validation.

スキルを見る

creating-opencode-plugins

メタ

This skill provides the structure and API specifications for creating OpenCode plugins that hook into 25+ event types like commands, files, and LSP operations. It offers implementation patterns for JavaScript/TypeScript modules that intercept and extend the AI assistant's lifecycle. Use it when you need to build event-driven plugins for monitoring, custom handling, or extending OpenCode's capabilities.

スキルを見る

sglang

メタ

SGLang is a high-performance LLM serving framework that specializes in fast, structured generation for JSON, regex, and agentic workflows using its RadixAttention prefix caching. It delivers significantly faster inference, especially for tasks with repeated prefixes, making it ideal for complex, structured outputs and multi-turn conversations. Choose SGLang over alternatives like vLLM when you need constrained decoding or are building applications with extensive prefix sharing.

スキルを見る

polymarket

メタ

This skill enables developers to build applications with the Polymarket prediction markets platform, including API integration for trading and market data. It also provides real-time data streaming via WebSocket to monitor live trades and market activity. Use it for implementing trading strategies or creating tools that process live market updates.

スキルを見る