Date and Time Handling

managing-date-time

Standardizes date handling and timezone logic (UTC/PKT) for travel bookings. Use when displaying or saving tour dates.

itsmeAlee/Tourly2·0installs0stars

SKILL.md

Full skill instructions

Date and Time Handling

When to use this skill

Displaying departure/arrival times.
Calculating trip duration.
Saving booking dates to Appwrite.

Standard Practices

Storage: Always save dates as ISO 8601 Strings in UTC.
Display: Use the user's local time or a fixed PKT (Pakistan Standard Time) if the tour is localized.
Library: Use date-fns for complex math (e.g., addDays, differenceInDays).

Example (Date-fns)

import { format, parseISO } from 'date-fns';

export const formatTourDate = (isoString: string) => {
    const date = parseISO(isoString);
    return format(date, 'MMM dd, yyyy'); // e.g., "Jan 15, 2026"
};

Instructions

Input: Use <input type="date"> or a custom calendar component (see managing-date-selection).
Validation: Ensure end date is not before start date.

Install skill

Copy and run in your terminal

npx -y skills add https://github.com/itsmeAlee/Tourly2 --skill managing-date-time

View on GitHub

.agent/skills/managing-date-time/SKILL.md

optimizing-database-indexes
Guidelines for creating efficient database indexes in Appwrite. Use to ensure search and filter operations stay fast.
0 installs
managing-date-selection
Implements the "Restart Logic" for date range selection in the Tourly search widget. Use when building or modifying the date picker, handling check-in/check-out dates, or implementing calendar interaction algorithms.
0 installs
handling-deploy-cicd
Deployment protocols for Vercel/Appwrite. Use for managing production builds and environment variables.
0 installs
formatting-api-responses
Standardizes the structure of internal function results. Use when writing Services or Server Actions.
0 installs

More skills from itsmeAlee

itsmeAlee/Tourly2

writing-utility-helpers

Standardizes frequent utility functions for currency, dates, and strings. Use to maintain consistency in formatting.

0 0

View

itsmeAlee/Tourly2

optimizing-iconography

Rules for using icons efficiently to maintain performance. Use when adding icons from Lucide React.

0 0

View

itsmeAlee/Tourly2

handling-data-fetching

Strategy for fetching data using React Server Components (RSC) and managing cache. Use for initial page loads and SEO-optimized data.

0 0

View

itsmeAlee/Tourly2

managing-design-system

Defines the core visual identity, color tokens, interaction patterns, and signature UI layouts for Tourly. Use when implementing or styling any frontend component to ensure brand consistency.

0 0

View

itsmeAlee/Tourly2