skills.rest
jayantrohila57
jayantrohila57COMMUNITY
Explore all skills by this author →
Website𝕏@jayant_rohilaGitHub

fake-content

Generate realistic fake content for HTML prototypes using @faker-js/faker.

Updated Feb 11, 2026
Search Tags:#design#html#prototyping#data generation#fake content#fakerjs
One-click install
npx skills add https://github.com/jayantrohila57/e-commerce --skill fake-content-jayantrohila57
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fake-content
Source: https://github.com/jayantrohila57/e-commerce/tree/main/.windsurf/skills/fake-content
Command: npx skills add https://github.com/jayantrohila57/e-commerce --skill fake-content-jayantrohila57

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers and designers quickly populate HTML prototypes with realistic, contextually appropriate fake data, avoiding the use of generic lorem ipsum.

Core Features & Use Cases

  • Realistic Data Generation: Creates believable names, product details, testimonials, articles, company info, events, and FAQs using @faker-js/faker.
  • Locale Support: Generates content in over 70 languages.
  • Use Case: Populate a new e-commerce product page template with realistic product names, descriptions, prices, and customer reviews to showcase the design.

Quick Start

Use the fake-content skill to generate a realistic product with a name, description, and price.

Frequently Asked Questions about fake-content

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

FAQPage Schema
How do I generate realistic fake content for HTML prototypes instead of lorem ipsum?▼

You can generate realistic fake content for HTML prototypes by using this Skill to populate templates with contextually appropriate data like names, products, and testimonials instead of generic lorem ipsum text.

What types of fake data can I generate using fakerjs?▼

Using fakerjs, you can generate fake data types including person, product, testimonial, article, company, event, and FAQ data to populate your design templates with realistic information.

Can I generate fake content in multiple languages for internationalization?▼

Yes, you can generate fake content in multiple languages for internationalization, as the Skill supports extensive locale support covering over 70 languages using the fakerjs library.

What is the best way to populate an e-commerce product page template with fake data?▼

The best way to populate an e-commerce product page template is to use this Skill to instantly generate realistic product names, descriptions, prices, and customer reviews to showcase your design.

Do I need any dependencies to generate fake content for design prototyping?▼

No external dependencies are required to generate fake content for design prototyping, as the Skill operates independently using the built-in capabilities of the fakerjs library.

Related Skills

Explore More Design & Creative Skills→
easingthemeseasingthemes
6

dx-figma-verify

Compare HTML/CSS prototypes against Figma reference screenshots and generate verification reports.

Community
Advanced
heximaoheximao

claude-design

Design custom HTML landing pages, prototypes, and decks with CSS and JavaScript.

Community
Advanced
jnlanahanjnlanahan

prototype

Generate three clickable Tailwind CDN HTML UI prototype variants.

Community
Intermediate
TairitsuaTairitsua
13

mo-ui-design

Create interactive HTML prototypes for MudBlazor/Blazor UI designs.

Community
Intermediate