Add curated ivan-human-ui skill

[flychicken067]

Summary

• add new curated skill ivan-human-ui
• remove AI-looking UI patterns with concrete design constraints
• include deterministic checks and eval-driven polish workflow
• include references, assets, and repeatable verifier scripts

Path

skills/.curated/ivan-human-ui

What Is Included

• concrete guardrails for layout, typography, color, spacing, and component hierarchy
• deterministic verifier scripts for dashboard polish and testimonial track visibility
• eval rubric + prompts + case library + recorded eval artifacts

Validation

• python3 scripts/quick_validate.py skills/.curated/ivan-human-ui (skill structure)
• node skills/.curated/ivan-human-ui/scripts/verify_dashboard_polish.mjs skills/.curated/ivan-human-ui/assets/eval-case-b-after/index.html
• node skills/.curated/ivan-human-ui/scripts/verify_testimonial_tracks.mjs skills/.curated/ivan-human-ui/assets/eval-case-c-after/index.html

Notes

This PR supersedes #315 so maintainers only need to review one thread.

[flychicken067]

Maintainers, this curated PR (#316) is now the single source for this skill, and #315 has been closed as superseded.\n\nThis is ready for review/merge from my side. If any scope or format changes are needed for curated standards, I can patch immediately.\n\n@jif-oai @dkundel-openai @bfioca-openai

[flychicken067]

Quick follow-up: this PR is merge-ready from my side and currently waiting on required approval from @openai/codex-eng.

Happy to make any requested changes immediately after review. Thank you!

[flychicken067]

🚀 Showcase & Evidence: ivan-human-ui

This is a real-world demonstration of applying the the curated ivan-human-ui skill to a Vibe Coding project (vibe-her).

The ivan-human-ui skill successfully forces AI coding agents to abandon generic "muddy" default layouts and instead apply rigid, high-fidelity UI constraints common in top-tier apps.

📊 Before & After Layout (Visual Evidence)

Before (AI Default Vibe)	After (ivan-human-ui applied)

🎥 Interaction Animations

Before Animation	After Animation

---

🛠️ The 5 Core "Anti-AI-Vibe" Constraints Applied Successfully

1. Eradication of "The Big Center" (Alignment constraint): Breaks down the default centered layout into a professional left-aligned hierarchy with a strict width breakdown.
2. The Canvas Grid (Border constraint): Injects a 1px high-contrast tracking grid.
3. Pill Buttons & Pure Rings (Shadow constraint): Forces border-radius: 9999px coupled with precise box-shadow rings to eliminate the muddy rendering of solid borders on dark mode.
4. Neutrals Over Neon (Color constraint): Strips out generic "AI Agent Purple" and replaces it with an ultra-premium gray-950 / #0c0c0c palette.
5. The Feature Well (Container constraint): Wraps key functional areas in a subtle "Well" structure instead of floating void elements.