Attribution: 이 패키지는 cyxzdev/Uncodixfy의 cyxzdev에 의해 원래 Uncodixfy 일에 구축합니다.

Generic AI-dashboard styling에서 React 및 Tailwind UI를 변형하기위한 휴대용 기술 패키지.

이 패키지는 프로젝트가 단일 폴더로 복사되도록 설계되었습니다. 다음을 포함합니다:

• SKILL.md에서 기술 프롬프트
• manifesto.md에 더 긴 디자인 참조
• toolchain/uncodixify.ts의 결정적인 검증자
• toolchain/autofix-uncodixify.ts]의 결정적인 autofix 패스
• 고립된 타원형 정착물 및 assertions에 evals/
• bin/의 패키지 로컬 CLI 엔트리포인트

어떤 힘

패키지는 UI를 고정, 제품 모양 레이아웃 및 일반 AI 생성 된 기본으로 밀어.

핵심 constraints:

• 어두운 중립 표면
• 고정 코너 반경
• 미묘한 백색 분리기
• 보라색 유틸리티 클래스 없음
• 윤활제 또는 유리조직 없음
• ]와 같은 눈썹 상표 본 없음
• 번들 eval 시나리오에서 장식 대시보드 영웅 복사 없음

패키지 레이아웃

workspace/ 은 의도적으로 포함되지만 git-ignored for iteration outputs.

요구 사항

• Node.js 와 npx
• 파이썬 3
• tsx] 로컬 의존성 또는 npx을 통해 사용 가능

Uncodixify

Attribution: this package builds on the original Uncodixfy work by cyxzdev at cyxzdev/Uncodixfy.

Portable skill package for constraining React and Tailwind UI away from generic AI-dashboard styling.

This package is designed to be copied between projects as a single folder. It includes:

• the skill prompt in SKILL.md
• the longer design reference in manifesto.md
• a deterministic validator in toolchain/uncodixify.ts
• a deterministic autofix pass in toolchain/autofix-uncodixify.ts
• isolated eval fixtures and assertions in evals/
• package-local CLI entrypoints in bin/

What It Enforces

The package pushes UI toward restrained, product-shaped layouts and away from common AI-generated defaults.

Core constraints:

• dark neutral surfaces
• restrained corner radius
• subtle white separators
• no purple utility classes
• no gradients or glassmorphism
• no eyebrow-label patterns like ``
• no ornamental dashboard hero copy in the bundled eval scenarios

Package Layout

uncodixify/
├── SKILL.md
├── README.md
├── manifesto.md
├── package.json
├── bin/
│   ├── run-uncodixify.sh
│   ├── validate-package.py
│   ├── run-evals.py
│   ├── grade-evals.py
│   └── run-package-evals.py
├── toolchain/
│   ├── uncodixify.ts
│   └── autofix-uncodixify.ts
├── evals/
│   ├── evals.json
│   └── files/
└── workspace/
    └── .gitignore

workspace/ is intentionally included but git-ignored for iteration outputs.

Requirements

• Node.js with npx
• Python 3
• tsx available through local dependencies or npx

This package ships its own package.json with tsx and typescript as dev dependencies.

Install

If you copy this folder into another repo, install dependencies from inside the package:

npm install

Validate The Package

Run this from inside the package directory:

python3 ./bin/validate-package.py

This checks:

• SKILL.md frontmatter shape
• evals/evals.json schema
• assertion definitions
• workspace scaffolding

Validate A Single File

To check one TSX file against the uncodixify rules:

./bin/run-uncodixify.sh path/to/component.tsx

Exit codes:

• 0: file passes
• 1: one or more violations were found

The validator is deterministic and regex-based. It does not rely on external APIs.

Autofix A File

The package autofix script normalizes class tokens and removes the banned patterns it knows how to rewrite safely.

npx tsx ./toolchain/autofix-uncodixify.ts path/to/component.tsx

What the autofix currently does:

• rewrites oversized radius classes to rounded-md
• removes gradient and glassmorphism utilities
• rewrites purple utility classes to neutral alternatives
• removes uppercase tracking-eyebrow utility patterns
• replaces with
• injects dark base and separator classes when missing