skills.rest
azrsm711
azrsm711COMMUNITY
Explore all skills by this author →
GitHub

f93-quiz-dev

Guide React and TypeScript development for the F93 Quiz app.

Updated Mar 15, 2026
Search Tags:#typescript#frontend#react#qa#debug#refactor#gemini
One-click install
npx skills add https://github.com/azrsm711/f93-quiz --skill f93-quiz-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: f93-quiz-dev
Source: https://github.com/azrsm711/f93-quiz/tree/main
Command: npx skills add https://github.com/azrsm711/f93-quiz --skill f93-quiz-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Skill provides a guided framework for developing and improving the F93 Quiz app, helping teams quickly diagnose issues, implement UI enhancements, and optimize performance.

Core Features & Use Cases

  • Structured debugging and feature-adding workflow for a React + TypeScript project.
  • Safe, testable code changes including UI updates, prompts, and Gemini API integration improvements.
  • Use Case: A developer fixes a bug in the Gemini service flow and refactors a component to improve load times.

Quick Start

Describe the bug or feature you want to implement, and follow the steps provided to start a focused development session.

Frequently Asked Questions about f93-quiz-dev

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

FAQPage Schema
How do I debug React and TypeScript code in a quiz application?▼

Debugging React and TypeScript quiz code involves following a structured workflow to safely diagnose issues, implement testable UI updates, and refactor components for improved performance.

What is the best way to integrate the Gemini API into a React frontend?▼

Integrating the Gemini API into a React frontend requires handling environment variables securely and applying safe, testable changes to the service flow to ensure features can be reviewed and reversed.

How do I fix UI inconsistencies in a TypeScript quiz app?▼

Fixing UI inconsistencies in a TypeScript quiz app requires enforcing strict UI consistency rules during component refactoring and feature improvements to align the interface with design standards.

Can I use this guided workflow for React performance optimization?▼

Yes, you can use this guided workflow for React performance optimization by applying safe, testable code changes to refactor components, which improves load times and overall application efficiency.

What are the limitations when refactoring React components in a quiz app?▼

Refactoring React components in a quiz app requires maintaining French UI consistency and ensuring all changes remain testable and reversible, limiting modifications that bypass environment variable handling.

Related Skills

Explore More Software Engineering Skills→
raphaelchristiraphaelchristi
43

harness:setup

Configure Harness Evolver, LangSmith, and baseline evaluations for Python projects.

Community
Advanced
gelsonsimoesgelsonsimoes

webapp-testing

Automate web application testing with Playwright to verify end-to-end functionality.

Community
Intermediate
donggyun112donggyun112
3

frontend-developer

Develop React and TypeScript user interfaces using the Redpanda UI Registry.

Community
Intermediate
SnakeOSnakeO
9

debug:react

Diagnose React UI errors and performance bottlenecks with structured debugging workflows.

Community
Advanced