Does it support React state management?

Yes, it includes specific rules for using effect-atom, ensuring atoms are created outside of render cycles and properly cleaned up using finalizers.

Does this skill help with error management?

Yes, it enforces the use of Schema.TaggedError over generic Error classes, ensuring all errors are serializable and providing rich context for domain-specific failures.

Is the Effect Language Server required?

While not strictly required for the code to run, this skill highly recommends it to catch over 30 Effect-specific issues at edit-time that standard TypeScript ignores.

Why use this skill for Effect-TS development?

This skill ensures that Claude generates code following industry-standard patterns for type safety and observability, preventing common errors like 'floating effects' or inefficient layer nesting.

How does it improve TypeScript compiler performance?

By favoring Layer.mergeAll and Layer.provideMerge over deep Layer.provide chains, it creates flatter types that the TypeScript compiler and Language Service can process much faster.

Effect-TS Best Practices

Name: Effect-TS Best Practices
Author: just-be-dev

byjust-be-dev

•

開発者ツール

Enforces opinionated, type-safe Effect-TS patterns for services, error handling, and layer composition to ensure robust application architecture.

The Effect-TS Best Practices skill provides Claude with a comprehensive framework for writing high-quality functional TypeScript code. It automates the setup of the Effect Language Server and mandates specific implementation patterns for services, tagged errors, and branded types. By using this skill, developers can ensure their AI-assisted code remains observable, testable, and maintainable, leveraging advanced Effect features like automatic accessors and optimized layer merging to prevent common pitfalls and performance bottlenecks.

主な機能

011 GitHub stars

02Best practices for effect-atom state management in React applications

03Optimized Layer composition via mergeAll and provideMerge for flatter types

04Standardized Effect.Service patterns with automatic accessor generation

05Serializable error handling using Schema.TaggedError and domain-specific tags

06Automated Effect Language Server integration for real-time diagnostics

ユースケース

01Building enterprise-grade backends with structured logging and observability

02Implementing domain-driven design using branded types and validated schemas

03Refactoring existing TypeScript projects into functional, effectful architectures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add just-be-dev/ccpm effect-best-practices

For use in Claude.ai and ChatGPT

Download Skill