Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 30 additions & 1 deletion SKILL.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,13 @@
---
name: uncodixify
description: Use when building or refactoring React and Tailwind UI that keeps drifting into generic AI-dashboard styling and needs a repeatable visual audit loop.
description: >-
Use when React or Tailwind components look too generic, dashboard-like, or
AI-template-ish (gradients, glassmorphism, oversized radii, purple accents).
Audits component styling against strict design constraints, flags banned CSS
patterns, and enforces a dark restrained aesthetic via an automated validator
that exits 0 on pass. Trigger phrases include UI looks generic, too much like
a dashboard, fix the styling, Tailwind design system, component looks like a
template, clean up the CSS.
---

# Uncodixify
Expand Down Expand Up @@ -39,6 +46,28 @@ Before running the audit loop, keep these rules intact:

The wrapper script resolves the package paths for you. Do not assume the current working directory is the package directory.

### Example: Validator Failure and Fix

Banned pattern (fails validation):
```tsx
// BEFORE β€” violates gradient and glassmorphism rules
<div className="bg-gradient-to-br from-purple-900 to-indigo-800 backdrop-blur-md rounded-2xl shadow-2xl">
```

Compliant replacement (passes validation):
```tsx
// AFTER β€” restrained dark surface, small radius, no gradient
<div className="bg-zinc-950 rounded-sm border border-white/10">
```

Typical validator output on failure:
```
FAIL src/components/Card.tsx
[banned-gradient] bg-gradient-to-br β€” gradients are not allowed
[banned-radius] rounded-2xl β€” use rounded-sm or rounded-md
Exit code: 1
```

## Eval Iterations

Use `python3 ./bin/run-evals.py` to scaffold an eval iteration under `workspace/iteration-N/`.
Expand Down
Binary file added score_card.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions scores.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{
"skills": [
{ "name": "uncodixify", "before": 70, "after": 94 }
]
}