<< All versions
Skill v1.0.1
currentAutomated scan100/100majiayu000/claude-skill-registry/mock-data
3 files
──Details
PublishedMay 19, 2026 at 03:41 PM
Content Hashsha256:2bc1a8c4d71de3f2...
Git SHAfa3abd30d36e
Bump Typepatch
──Files
Files (1 file, 1.6 KB)
SKILL.md1.6 KBactive
SKILL.md · 74 lines · 1.6 KB
version: "1.0.1" name: mock-data description: Creates typed mock data files in src/data/ following project conventions. Use when needing test data for new features or components.
Mock Data Generator Skill
Creates typed mock data files following project patterns.
File Pattern
text
src/data/mock-{feature}.ts
Template Structure
typescript
// src/data/mock-{feature}.tsexport 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.tssrc/data/mock-project.tssrc/data/mock-unmatched-items.ts
Usage with TanStack Query
typescript
// hooks/use{Feature}.tsimport { 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 APIreturn mock{Feature}Data;}export function use{Feature}() {return useQuery({queryKey: ["{feature}"],queryFn: fetch{Feature}Data,});}