corgi

Build web applications with React-like syntax and controller-based architecture.

14|Updated Dec 24, 2025
One-click install
npx skills add https://github.com/escalante-bio/petri --skill corgi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: corgi
Source: https://github.com/escalante-bio/petri/tree/main/.claude/skills/corgi
Command: npx skills add https://github.com/escalante-bio/petri --skill corgi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a robust framework for building dynamic and interactive user interfaces with a component-based architecture, state management, and event handling.

Core Features & Use Cases

  • Component-Based UI: Develop reusable UI components using a JSX-like syntax.
  • State Management: Efficiently manage component state and updates.
  • Event Handling: Handle both DOM and custom Corgi events.
  • Dependency Injection: Facilitate communication between controllers and services.
  • Use Case: Build a complex dashboard with multiple interactive widgets, forms, and data visualizations, ensuring a smooth and responsive user experience.

Quick Start

Use the corgi skill to create a new React-like component for a user profile card.

Frequently Asked Questions about corgi

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

FAQPage Schema
How do I build user interfaces with a React-like component architecture?

You can build user interfaces using a React-like JSX syntax and a controller-based architecture. This framework supports component creation, state management, and event handling for dynamic web applications.

Does this UI framework support server-side rendering and client-side hydration?

Yes, the framework supports server-side rendering and client-side hydration. This allows you to build complex interactive dashboards while ensuring a smooth, responsive user experience for your web application.

How do I manage state and handle DOM events in a component-based frontend?

The framework provides efficient state management for components and handles both DOM and custom events. You can use these features to manage updates and interactions within your reusable UI components.

Can I use dependency injection for controllers and services in a JavaScript frontend?

Yes, dependency injection is supported to facilitate communication between controllers and services. This allows for better organization and modularity when building complex user interfaces with interactive widgets.

What is the best way to create reusable UI components using a JSX-like syntax?

The best way to create reusable UI components is by using the framework's JSX-like syntax. You can develop components, manage their state, and handle events to build interactive data visualizations and forms.

When do I need a controller-based architecture for frontend development?

You need a controller-based architecture when building complex user interfaces with multiple interactive widgets. It facilitates dependency injection, state management, and event handling for dynamic web applications.