Skills
.Work. You
Rest

form-modernizer

Community

End-to-end form modernization that upgrades UI.

Software Engineering#automation#typescript#react#refactor#playwright#form#design-system
Authorryan-mahoney
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Modernize an existing React form end-to-end by rethinking structure, typing, and UI to align with design-system standards, while preserving behavior and data contracts.

Core Features & Use Cases

  • Multi-phase form modernization including analysis, design decisions, implementation, and visual verification.
  • TypeScript contract generation and UI-first refactor that respects existing API and data models.
  • Pixel-accurate Playwright-based visual checks and accessibility improvements.

Quick Start

Install and run the form-modernizer against a target form path to kick off the end-to-end workflow, including optional flags for screenshots.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: form-modernizer
Download link: https://github.com/ryan-mahoney/ryan-llm-skills/archive/main.zip#form-modernizer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.