CommunityCoding & Developmentgithub.com

PM-lurenyi/component-flow

A Codex Skill for identifying, manually confirming, building, reviewing, migrating pages, and continuously reusing frontend common components.

What is component-flow?

This skill, PM-lurenyi/component-flow, is designed for AI agents like Codex to manage the full lifecycle of frontend common components. It guides the agent through identifying candidate components that can be shared across multiple pages or projects, prompting human confirmation to ensure relevance and correctness. After confirmation, the skill supports building or refactoring the component, reviewing the implementation for quality and adherence to best practices, and migrating existing pages to use the new common component. Finally, it helps establish a reuse mechanism to prevent duplication in future development. This end-to-end workflow improves code consistency, reduces maintenance overhead, and accelerates development for frontend teams using platforms like Codex.

Works with~Claude Code✓Codex CLI~Cursor
npx skills add PM-lurenyi/component-flow

Installed? Explore more Coding & Development skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does component-flow do?

A Codex Skill for identifying, manually confirming, building, reviewing, migrating pages, and continuously reusing frontend common components.

Related Skills