implement-data

Generate realistic sample data and TypeScript types for product roadmap sections.

3|1|Updated Jan 26, 2026
One-click install
npx skills add https://github.com/CinderZhang/driver-plugin --skill implement-data
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: implement-data
Source: https://github.com/CinderZhang/driver-plugin/tree/main/skills/implement-data
Command: npx skills add https://github.com/CinderZhang/driver-plugin --skill implement-data

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of realistic sample data for user interface designs, ensuring that the data used for development accurately reflects real-world scenarios.

Core Features & Use Cases

  • Realistic Data Generation: Creates believable names, dates, and amounts, avoiding generic placeholders.
  • Edge Case Handling: Includes variations like empty arrays, long text, and diverse statuses.
  • Type Definition: Generates corresponding TypeScript types for the data.
  • Use Case: Populate a customer list screen with 10 realistic customer profiles, including varied contact information and account statuses, to test the UI's responsiveness.

Quick Start

Generate realistic sample data for the 'customer-list' section.

Frequently Asked Questions about implement-data

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate realistic sample data for UI mockups?

Generating realistic sample data for UI mockups involves analyzing product roadmap sections to create JSON files with believable names, dates, and amounts. This avoids generic placeholders and ensures your interface designs accurately reflect real-world scenarios.

Can I generate TypeScript types automatically for my mock data?

Yes, you can generate TypeScript types automatically for your mock data. The generation process creates corresponding TypeScript types alongside the realistic sample data, ensuring type safety and seamless integration within your TypeScript development workflow.

How do I include edge cases in my generated mock data?

To include edge cases in your generated mock data, the tool automatically injects variations like empty arrays, long text, and diverse statuses into the JSON output. This tests your UI's responsiveness against varied real-world data scenarios.

What is the best way to populate a customer list screen with varied contact information?

The best way to populate a customer list screen is to generate realistic profiles with varied contact information and account statuses. This automates UI testing by ensuring the design handles diverse data formats and edge cases effectively.

Does this mock data generation approach work for product roadmap sections?

Yes, this approach works directly for product roadmap sections. It analyzes your specified section specifications to infer necessary data entities and fields, populating JSON files with tailored content to validate design realism across different product development workflows.

Do I need external dependencies to create realistic sample JSON files?

No, you do not need external dependencies to create realistic sample JSON files. The generation process operates independently to populate JSON files with varied content and corresponding TypeScript types based on your section specifications.