ui-implementation-plan

Generate an ordered MVVM UI implementation checklist from validated planning documents.

20|Updated Feb 18, 2026
One-click install
npx skills add https://github.com/Accelerated-Innovation/governed-ai-delivery --skill ui-implementation-plan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-implementation-plan
Source: https://github.com/Accelerated-Innovation/governed-ai-delivery/tree/main/agents/codex/skills/ui/implementation-plan
Command: npx skills add https://github.com/Accelerated-Innovation/governed-ai-delivery --skill ui-implementation-plan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams convert validated UI plans into a concrete, MVVM-aligned implementation checklist, reducing ambiguity and speeding up delivery.

Core Features & Use Cases

  • MVVM-aligned planning: translates plan.md and architecture_preflight.md into a structured sequence for API, ViewModel, and View layers.
  • Artifact-driven gating: enforces required planning artifacts and preflight checks to ensure readiness before implementation.
  • Use Case: Given a feature named "Login," generate an ordered checklist that guides API types, ViewModel hooks, and UI components in the correct MVVM order.

Quick Start

Follow the Implementation Order to produce an MVVM-compliant UI checklist from the validated plan.

Frequently Asked Questions about ui-implementation-plan

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

FAQPage Schema
How do I generate a UI implementation checklist from a validated plan?

To generate a UI implementation checklist, parse the validated plan and preflight checks to produce an ordered sequence for API, ViewModel, and View layers. This enforces artifact-driven gating to ensure readiness before implementation begins.

How does MVVM architecture guide the implementation order for UI features?

MVVM architecture structures implementation by sequencing tasks across API types, ViewModel hooks, and UI components. This ordering ensures data and logic layers are built before the View, aligning development with architecture contracts and state management docs.

What planning artifacts are required before starting UI implementation?

Required planning artifacts include the feature plan, architecture preflight checks, MVVM contract, and state management documents. These artifacts validate readiness and provide the structure needed to generate the implementation checklist.

Can I use this to create a checklist for a specific feature like a Login screen?

Yes, given a feature named Login, it generates an ordered checklist guiding API types, ViewModel hooks, and UI components in the correct MVVM order. This applies to any UI feature development workflow following MVVM architecture.

What is the best way to enforce preflight validations before UI coding?

The best way to enforce preflight validations is through artifact-driven gating, which checks for the existence and validity of required planning documents. This ensures architecture preflight requirements are satisfied before generating the implementation checklist.

Does this checklist generation work without state management documentation?

No, it requires state management documentation to produce a structured, MVVM-aligned checklist. The tool parses these documents alongside the MVVM contract and plan to ensure the implementation order respects the defined state architecture.