skills.rest
fodurrr
fodurrrCOMMUNITY
Explore all skills by this author →
GitHub

validate-port-compliance

Analyze Phoenix LiveView component ports against Nuxt UI specs and report compliance gaps.

Updated Aug 27, 2026
Search Tags:#compliance#validate#phoenix#liveview#nuxt-ui#porting
One-click install
npx skills add https://github.com/fodurrr/xTweak --skill validate-port-compliance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: validate-port-compliance
Source: https://github.com/fodurrr/xTweak/tree/main/.claude/skills/nuxt-ui-port/validate-port-compliance
Command: npx skills add https://github.com/fodurrr/xTweak --skill validate-port-compliance

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Porting Nuxt UI components to Phoenix LiveView often risks feature parity gaps and inconsistent theming; this skill automates the detection and reporting of those gaps to ensure accurate, maintainable ports.

Core Features & Use Cases

  • Automated cross-check of props, slots, variants, states, icons, theme, accessibility, and LiveView compatibility against Nuxt UI specs.
  • Generates machine-readable JSON and human-friendly Markdown reports to guide fixes and PR reviews.
  • Scales from single components to a porting project with many components, enabling quick triage and risk assessment.

Quick Start

Run the validator on a component name (e.g., Button) to produce a full compliance report.

Frequently Asked Questions about validate-port-compliance

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

FAQPage Schema
How do I check if my Phoenix LiveView port matches the Nuxt UI spec?▼

To check Phoenix LiveView port compliance against Nuxt UI specs, run the validator on a component name to analyze props, slots, variants, states, icons, theme, accessibility, and LiveView compatibility, producing a detailed report of actionable deviations.

What is Nuxt UI component port compliance validation?▼

Nuxt UI component port compliance validation is the automated cross-checking of Phoenix LiveView components against Nuxt UI specifications to detect feature parity gaps, ensuring accurate and maintainable component ports without missing functionality.

Can I generate a JSON compliance report for Nuxt UI ports in Phoenix LiveView?▼

Yes, you can generate a machine-readable JSON compliance report for Nuxt UI ports in Phoenix LiveView. The validator outputs overall compliance scores, per-category metrics, and prioritized fixes to guide automated processing and PR reviews.

Does the Nuxt UI port validator check accessibility and theming compatibility?▼

Yes, the Nuxt UI port validator checks accessibility and theming compatibility. It comprehensively analyzes component props, slots, variants, states, icons, theme attributes, and accessibility features against the Nuxt UI spec.

How do I scale Nuxt UI port compliance checks for multiple components?▼

To scale Nuxt UI port compliance checks across multiple components, apply the validator to each component name within your porting project. This enables quick triage and risk assessment across the entire project scope.

Related Skills

Explore More Software Engineering Skills→
incubrainincubrain
78

nuxt-ui

Generate Nuxt UI component Markdown documentation from the official repository.

Official
Advanced
aresbitaresbit
46

web-design-guidelines

Analyze frontend UI implementations against Web Interface Guidelines and output file:line findings.

Community
Intermediate
PostalocityPostalocity
1

nuxt-ui

Provide a Vue component library with Nuxt UI and Tailwind theming.

Official
Intermediate
kaeligkaelig
7

quality-gate

Execute TypeScript compilation, linting, and formatting checks on generated code.

Community
Advanced