skills.rest
Benden-NPI
Benden-NPICOMMUNITY
Explore all skills by this author →
GitHub

yield

Manage manufacturing yield data with entry, loss calculation, visualization, and Excel export.

Updated May 23, 2026
Search Tags:#typescript#react#vite#ant design#yield management
One-click install
npx skills add https://github.com/Benden-NPI/Yield --skill yield
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: yield
Source: https://github.com/Benden-NPI/Yield/tree/main
Command: npx skills add https://github.com/Benden-NPI/Yield --skill yield

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires antd, html2canvas-pro, jspdf, react, react-dom, recharts, uuid, xlsx, zustand, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a frontend solution for managing yield data, eliminating the need for a backend and simplifying the data storage process.

Core Features & Use Cases

  • Yield Data Entry: Enter yield data based on month and part number (PN).
  • Defect Loss Calculation: Input loss quantities for various defects (Leakage, Flatness, Pressure Drop, TTV) and automatically calculate yield rates.
  • Data Visualization: Utilize charts and filters to visualize and analyze yield data.
  • Excel Export: Export data to Excel for further analysis or sharing.
  • Use Case: Imagine you are a quality engineer in a manufacturing facility. Use this Skill to track and analyze yield data across different production batches and identify areas for improvement.

Quick Start

Use the yield skill to enter yield data for a batch, including defect losses and yields.

Frequently Asked Questions about yield

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

FAQPage Schema
How do I calculate manufacturing yield rates and track defect losses automatically?▼

To calculate manufacturing yield rates, input loss quantities for specific defects like Leakage, Flatness, Pressure Drop, and TTV. The system automatically calculates the overall yield rates based on these defect loss entries.

How do I export yield management data to Excel for quality control reporting?▼

You can export yield management data to Excel directly from the interface. The integrated SheetJS library handles the data conversion, allowing quality engineers to download spreadsheets for offline analysis and sharing.

Do I need a backend server to manage yield data with React and TypeScript?▼

You do not need a backend server to manage yield data. This solution provides a complete frontend implementation using React and TypeScript, handling data entry and state management via Zustand without requiring backend infrastructure.

Can I visualize manufacturing yield data using charts and filters?▼

Yes, you can visualize manufacturing yield data using built-in charts and filters. The integration of the Recharts library enables dynamic data visualization, allowing you to analyze yield trends across different production batches and months.

What dependencies are required to set up the yield management application?▼

Setting up the yield management application requires React, TypeScript, Vite, Ant Design, Recharts, Zustand, and SheetJS. These frameworks and libraries provide the foundation for UI components, state management, and data export.

Related Skills

Explore More Product & Management Skills→
daithang-organizationdaithang-organization

React + Ant Design Frontend Development

Builds a React frontend with TypeScript, Vite, and Ant Design.

Official
Intermediate
liwooliwoo
16

file-downloads

Generate client-side CSV, Excel, PDF, and JSON exports for Goravel entity pages.

Community
Intermediate
sergicalsergical
1

presentation-creator

Generate a single-file HTML presentation with React, Vite, and Recharts.

Community
Advanced
cameronapakcameronapak
1

bknd-session-handling

Manage Bknd user sessions with JWT-based lifecycles and auto-renewal.

Community
Advanced