skills.rest
lintendo
lintendoCOMMUNITY
Explore all skills by this author →
GitHub

ai-studio-project-converter

Convert Google AI Studio React projects into repository page component format.

152|32|Updated Dec 29, 2025
Search Tags:#automation#react#migration#prototype#environment-variables#ai-studio#import-map
One-click install
npx skills add https://github.com/lintendo/Axhub-Make --skill ai-studio-project-converter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ai-studio-project-converter
Source: https://github.com/lintendo/Axhub-Make/tree/main/skills/ai-studio-project-converter
Command: npx skills add https://github.com/lintendo/Axhub-Make --skill ai-studio-project-converter

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converts Google AI Studio generated React projects into the repository's standard page component format, preserving visuals and functionality while removing AI Studio-specific entry points and templates.

Core Features & Use Cases

  • Copy AI Studio projects into src/prototypes/[page-name]/ for isolated development.
  • Analyze Import Map, custom styles, and dependencies to align with the project's tooling.
  • Generate metadata and tasks files (.ai-studio-tasks.md and .ai-studio-analysis.json) to drive handoffs and validation.
  • Remove AI Studio specific artifacts (index.html, metadata.json) to ensure a clean run-time build.

Quick Start

Run the converter script to migrate a Google AI Studio React project into the repository's page component structure at src/prototypes/[page-name]/.

Frequently Asked Questions about ai-studio-project-converter

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

FAQPage Schema
How do I migrate a Google AI Studio React project into my repository's component format?▼

To migrate a Google AI Studio React project, this skill copies the project to src/prototypes/[page-name]/, handles Import Map conversion, migrates styles, installs dependencies, and removes AI Studio artifacts.

What is the best way to handle Import Maps when converting AI Studio prototypes?▼

Handling Import Maps during AI Studio prototype conversion involves analyzing the map to align dependencies with the project's tooling, ensuring the migrated React component functions correctly within the target repository.

Does the AI Studio project migration remove index.html and metadata.json files?▼

Yes, AI Studio project migration removes specific artifacts like index.html and metadata.json to ensure a clean run-time build while preserving the original visuals and functionality.

How do I configure environment variables for an AI Studio React component after migration?▼

Configuring environment variables for an AI Studio React component is part of the end-to-end transformation, ensuring the migrated page component operates correctly within the repository's environment setup.

Can I generate acceptance testing tasks for migrated AI Studio prototypes?▼

Yes, the migration process generates .ai-studio-tasks.md and .ai-studio-analysis.json files to drive handoffs, validate functionality, and enforce acceptance testing for the converted React components.

Why does my migrated AI Studio React component fail to build in my repository?▼

Build failures in migrated AI Studio React components often stem from unhandled Import Maps or missing dependencies, which this skill resolves by aligning styles and dependencies with your project's tooling.

Related Skills

Explore More Software Engineering Skills→
INNERJOINTINNERJOINT

mcp-setup

Configure MCP servers for Claude Code with stdio or HTTP transports.

Community
Intermediate
oslokommuneoslokommune

punkt-react-dev

Develop and test Punkt React components in the monorepo.

Official
Advanced
fyndxfyndx
1

native-data-fetching

Implement network requests and API data fetching in React Native apps.

Official
Intermediate
hamzaPixlhamzaPixl
2

studio-guide

Explain pixl-crew studio stacks for scaffolding Next.js and SaaS projects.

Community
Intermediate