Claude Code Plugins

Community-maintained marketplace

Feedback

optimistic-ui-mutation-patterns

@majiayu000/claude-skill-registry
28
0

Implement immediate UI feedback for mutations with robust rollback capabilities.

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name optimistic-ui-mutation-patterns
description Implement immediate UI feedback for mutations with robust rollback capabilities.

Optimistic UI Mutation Patterns

Summary

Implement immediate UI feedback for mutations with robust rollback capabilities.

Key Capabilities

  • Update local cache instantly upon mutation trigger.
  • Queue mutations to handle network race conditions.
  • Rollback to the correct server state on failure.

PhD-Level Challenges

  • Manage dependency updates for optimistic data.
  • Handle cascading optimistic updates correctly.
  • Visualize the 'pending' state effectively.

Acceptance Criteria

  • Demonstrate immediate feedback on a slow network.
  • Show accurate rollback upon mocked server error.
  • Document the mutation queue logic.