mock-data

•

184393 months ago

Creates typed mock data files in src/data/ following project conventions. Use when needing test data for new features or components.

Quick Install

npxskills add majiayu000/claude-skill-registry--skill mock-data

Instructions

Mock Data Generator Skill

Creates typed mock data files following project patterns.

File Pattern

src/data/mock-{feature}.ts

Template Structure

// src/data/mock-{feature}.ts

export interface {Feature}Data {
    id: string;
    name: string;
    // Add fields based on requirements
}

export const mock{Feature}Data: {Feature}Data = {
    id: "1",
    name: "Example",
};

// For arrays:
export const mock{Feature}List: {Feature}Data[] = [
    { id: "1", name: "Item 1" },
    { id: "2", name: "Item 2" },
];

Conventions

Filename: kebab-case with mock- prefix
Named exports: Both interface and data
Type-first: Define interface before data
Realistic data: Use meaningful values, not "test123"

Examples

See these files for reference patterns:

src/data/mock-order.ts
src/data/mock-project.ts
src/data/mock-unmatched-items.ts

Usage with TanStack Query

// hooks/use{Feature}.ts
import { useQuery } from "@tanstack/react-query";
import { mock{Feature}Data, {Feature}Data } from "../data/mock-{feature}";

async function fetch{Feature}Data(): Promise<{Feature}Data> {
    await new Promise((r) => setTimeout(r, 500)); // Simulate API
    return mock{Feature}Data;
}

export function use{Feature}() {
    return useQuery({
        queryKey: ["{feature}"],
        queryFn: fetch{Feature}Data,
    });
}

Loading…

Related Skills

skill-creator

Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.

367,360

skill-creator

Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.

367,309

1password

Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.

365,915

himalaya

CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).

365,885