Skills
.Work. You
Rest

ui-plugin-guidelines

Community

Harmonize UI libraries with canard/schema-form.

Software Engineering#accessibility#compatibility#guidelines#project-structure#renderer#schema-form#ui-plugin
Authorvincent-kk
Version1.0.0
Installs0

System Documentation

What problem does it solve?

이 스킬은 UI 라이브러리와 canard/schema-form 플러그인 간의 호환성 문제를 체계적으로 해결하기 위한 가이드를 제공합니다. 다양한 UI 컴포넌트와 렌더러 간의 매핑을 검증하고, 프로젝트 구조 설계 및 접근성 요구사항에 대한 실무 가이드를 제공합니다.

Core Features & Use Cases

  • 호환성 매핑과 우선순위 정의: 각 UI 라이브러리의 컴포넌트 매핑을 표준화하고 직접/커스텀/Fallback 등급으로 분류합니다.
  • 렌더러 컴포넌트 가이드: FormGroup, FormLabel, FormInput, FormError 등 렌더러의 계약과 구현 패턴을 제시합니다.
  • 프로젝트 구조 설계: 권장 디렉토리 구조, 파일 네이밍 규칙, import/export 패턴을 제공합니다.
  • 접근성 체크리스트: ARIA 속성 및 키보드 네비게이션 가이드를 포함한 WCAG 친화성 구현 지침을 다룹니다.

Quick Start

다음 명령으로 즉시 시작 지침을 얻을 수 있습니다: AI에게 UI-플러그인 가이드를 위한 호환성 매트릭스와 프로젝트 구조 초안을 생성해 달라는 간단한 명령을 제공합니다.

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: ui-plugin-guidelines
Download link: https://github.com/vincent-kk/albatrion/archive/main.zip#ui-plugin-guidelines

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 223,000+ vetted skills library on demand.