Why use date-fns instead of the native Date object?

date-fns provides pure, immutable functions that handle edge cases like leap years and timezone shifts more reliably than native methods, while remaining modular to reduce bundle size.

How does this skill help with bundle size optimization?

It enforces specific import patterns that enable tree-shaking, ensuring that only the exact functions you use are included in your build rather than the entire library.

Does this skill support the latest date-fns v4?

Yes, it includes patterns for v4 features like @date-fns/tz and the TZDate class, while also providing guidance for v3 and the date-fns-tz package.

Why is parseISO recommended over the native Date constructor?

The native Date constructor ('new Date()') has inconsistent parsing behavior across different browsers; parseISO ensures ISO 8601 strings are handled identically everywhere.

Date Utilities (date-fns)

Name: Date Utilities (date-fns)
Author: agents-inc

byagents-inc

•

개발자 도구

Implements modular, immutable date operations using date-fns patterns for TypeScript and JavaScript applications.

This skill provides expert guidance and implementation patterns for date-fns, the leading functional date utility library. It ensures developers follow modern best practices, including tree-shakeable imports for minimal bundle sizes, immutable date arithmetic to prevent side effects, and safe ISO 8601 parsing. By leveraging standardized Unicode TR35 tokens and locale-aware formatting, this skill helps create robust, internationalized date logic while avoiding common pitfalls like browser-inconsistent native Date constructors and complex timezone bugs.

주요 기능

01Standardized formatting using Unicode TR35 tokens (yyyy-MM-dd)

02Tree-shakeable import patterns to optimize application performance

03Safe ISO string parsing and validation with parseISO and isValid

04Comprehensive timezone handling for both v3 and v4 (TZDate) implementations

051 GitHub stars

06Immutable date arithmetic for predictable state management

사용 사례

01Building locale-aware dashboards with localized date and time displays

02Standardizing API data parsing to ensure cross-browser date consistency

03Implementing complex scheduling logic with date ranges and interval comparisons

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-utilities-date-fns

For use in Claude.ai and ChatGPT

주요 기능

01Standardized formatting using Unicode TR35 tokens (yyyy-MM-dd)

02Tree-shakeable import patterns to optimize application performance

03Safe ISO string parsing and validation with parseISO and isValid

04Comprehensive timezone handling for both v3 and v4 (TZDate) implementations

051 GitHub stars

06Immutable date arithmetic for predictable state management

사용 사례

01Building locale-aware dashboards with localized date and time displays

02Standardizing API data parsing to ensure cross-browser date consistency

03Implementing complex scheduling logic with date ranges and interval comparisons

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-utilities-date-fns

For use in Claude.ai and ChatGPT