mimo-workflow

Generate, review, and debug TypeScript, React, and Next.js code with MiMo v2.5 in OpenCode IDE.

2|Updated Apr 9, 2025
One-click install
npx skills add https://github.com/PP-Namias/Portfolio --skill mimo-workflow
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mimo-workflow
Source: https://github.com/PP-Namias/Portfolio/tree/main/.agents/skills/mimo-workflow
Command: npx skills add https://github.com/PP-Namias/Portfolio --skill mimo-workflow

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill simplifies workflows within OpenCode IDE using the MiMo v2.5 model, streamlining code generation, review, and debugging processes.

Core Features & Use Cases

  • Code Generation: Create TypeScript, React, and Next.js code with optimized patterns.
  • Code Review: Evaluate files for TypeScript, React, accessibility, performance, and security.
  • Bug Fixing: Provide systematic debugging instructions and best practices.
  • Test Generation: Write tests for components using Vitest and RTL.
  • Use Case: Ideal for developers who need to rapidly iterate on code with MiMo v2.5 and OpenCode IDE.

Quick Start

Generate a React component named 'MyComponent' in the 'src/components/ui/' directory with TypeScript interfaces, Tailwind CSS styling, and Framer Motion animations.

Frequently Asked Questions about mimo-workflow

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

FAQPage Schema
How do I generate a React component with TypeScript and Tailwind CSS using MiMo v2.5?

To generate a React component with MiMo v2.5, you use OpenCode IDE workflows that produce TypeScript interfaces, Tailwind CSS styling, and Framer Motion animations. This Skill provides optimized generation instructions for single-file tasks within the model's context window limitations.

What is the best way to debug TypeScript and Next.js code in OpenCode IDE?

The best way to debug TypeScript and Next.js code in OpenCode IDE is by applying systematic debugging instructions tailored to MiMo v2.5. This Skill provides best practices to identify and fix bugs effectively while respecting the model's modal-first environment.

Can I use MiMo v2.5 to review React components for accessibility and security?

Yes, you can use MiMo v2.5 to review React components for accessibility and security. This Skill evaluates files against TypeScript, React, accessibility, performance, and security standards to ensure optimized code quality.

How do I write tests for React components with Vitest and RTL in OpenCode IDE?

To write tests for React components with Vitest and RTL in OpenCode IDE, this Skill provides test generation instructions optimized for MiMo v2.5. It streamlines the creation of component tests within a modal-first development environment.

Does MiMo v2.5 have context window limitations for Next.js development?

Yes, MiMo v2.5 has context window limitations that affect Next.js development. This Skill addresses these constraints by providing tailored instructions ideal for single-file tasks and systematic debugging rather than large, multi-file refactoring.

Why should I use a modal-first environment for code generation and bug fixing?

You should use a modal-first environment for code generation and bug fixing because it aligns with MiMo v2.5's context window limitations. This Skill streamlines workflows by focusing on single-file tasks and systematic debugging instructions within OpenCode IDE.