Skip to content

Commit 7e8fc44

Browse files
michelabboudcodex
andcommitted
Refresh Codex UIUX skill research
Co-Authored-By: Codex <[email protected]>
1 parent 7f1f291 commit 7e8fc44

5 files changed

Lines changed: 292 additions & 4 deletions

File tree

CHANGELOG.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,16 @@ We follow [Semantic Versioning](https://semver.org/) (MAJOR.MINOR.PATCH):
1515

1616
---
1717

18+
## [2.11.4] - 2026-06-24
19+
20+
### Added
21+
22+
- Saved a refreshed UI/UX skills deep-search report under `docs/reports/`, covering current GitHub adoption metrics, inspected local-first candidates, and the confirmed `ui-ux-pro-max` Codex install.
23+
24+
### Changed
25+
26+
- Bumped repository metadata to `2.11.4` and regenerated `component-versions.json`.
27+
1828
## [2.11.3] - 2026-06-23
1929

2030
### Added

VERSION

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
2.11.3
1+
2.11.4

component-versions.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"schemaVersion": 2,
3-
"repoVersion": "2.11.3",
4-
"generatedAt": "2026-06-23T20:57:46.949Z",
3+
"repoVersion": "2.11.4",
4+
"generatedAt": "2026-06-23T22:05:38.094Z",
55
"components": {
66
"agents/domain-experts/accessibility-expert": {
77
"type": "agent",
Lines changed: 278 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,278 @@
1+
# UI/UX Skills Deep Search
2+
3+
Generated: 2026-06-24
4+
5+
Scope: local-first UI/UX skills, agents, and plugins for Codex that improve interface design without depending on hosted design services such as Figma, Canva, Stitch, or proprietary cloud design tools.
6+
7+
## Outcome
8+
9+
Confirmed installed winner:
10+
11+
- Skill: `ui-ux-pro-max`
12+
- Installed path: `/home/michel/.codex/skills/ui-ux-pro-max/SKILL.md`
13+
- Provenance note: `/home/michel/.codex/skills/ui-ux-pro-max/CODEX_INSTALL.md`
14+
- Source: `https://github.com/nextlevelbuilder/ui-ux-pro-max-skill`
15+
- Source commit inspected: `1518fec29d19ce905cd0c689255137b9dcab7ccc`
16+
- License: MIT
17+
18+
Decision: keep `ui-ux-pro-max` as the default installed UI/UX skill. It remains the best blend of adoption, breadth, local execution, and low friction for Codex.
19+
20+
## Search Method
21+
22+
I did a fresh live search and inspection instead of relying on the previous snapshot:
23+
24+
- Web search for Codex UI/UX skills, `SKILL.md` packages, design plugins, and recent community recommendations.
25+
- GitHub REST API checks for adoption and maintenance signals.
26+
- Shallow local clones of the strongest candidates.
27+
- Local structure inspection for `SKILL.md`, plugin manifests, scripts, data, references, and licenses.
28+
- Lightweight validation where available.
29+
- Installed-copy verification from `/home/michel/.codex/skills/ui-ux-pro-max`.
30+
31+
## Constraint
32+
33+
Allowed:
34+
35+
- Local `SKILL.md` packages.
36+
- Local scripts and CSV/JSON/reference data.
37+
- Local plugins or MCP servers when their core value works without hosted services.
38+
- Optional references to websites or docs.
39+
40+
Excluded or downgraded:
41+
42+
- Workflows whose main value requires Figma, Canva, Stitch, paid image APIs, cloud design workspaces, or proprietary hosted auth.
43+
- Heavy design platforms when the user asked for the best default skill rather than a full design studio.
44+
- Skills with broad triggers that would interrupt normal Codex frontend work too often.
45+
46+
## Live Candidate Metrics
47+
48+
Checked with the GitHub REST API on 2026-06-24.
49+
50+
| Candidate | Stars | Forks | License | Updated/Pushed Signal | Local-first | Shape | Verdict |
51+
|---|---:|---:|---|---|---|---|---|
52+
| `nextlevelbuilder/ui-ux-pro-max-skill` | 95,552 | 10,031 | MIT | pushed 2026-06-23 | Yes | standalone skill plus local data/scripts | **Installed winner** |
53+
| `nexu-io/open-design` | 69,998 | 7,898 | Apache-2.0 | pushed 2026-06-23 | Mostly | full local design platform, app, MCP, many skills | Best full platform, not default skill |
54+
| `Yeachan-Heo/oh-my-codex` | 31,267 | 2,446 | none declared | pushed 2026-06-23 | Mixed | Codex framework with frontend shim | Popular, but not UI/UX-specific enough |
55+
| `Nutlope/hallmark` | 3,355 | 207 | MIT | pushed 2026-06-04 | Yes | single anti-AI-slop design skill | Best complementary visual taste skill |
56+
| `Owl-Listener/designer-skills` | 1,640 | 287 | MIT | updated 2026-06-23 | Yes | Claude plugin suite, 96 skills found | Best design-process suite, not Codex-native default |
57+
| `Owl-Listener/designpowers` | 209 | 49 | MIT | pushed 2026-06-23 | Yes | 36 skills plus agent-team workflow | Strong process tool, not broad default |
58+
| `oil-oil/ui-ux-guide` | 72 | 8 | Apache-2.0 | updated 2026-06-18 | Yes | Codex skill | Good small guide |
59+
| `Ilm-Alan/frontend-design` | 63 | 12 | MIT | updated 2026-06-23 | Yes | single skill | Good lightweight aesthetic anchor |
60+
| `saifyxpro/ui-ux-design-pro-skill` | 38 | 9 | MIT | updated 2026-06-20 | Mostly | skill plus Bun/CLI stack | Less adoption, extra runtime |
61+
| `f0d010c/stark` | 13 | 0 | Apache-2.0 | updated 2026-06-22 | Yes | Codex plugin with 8 skills | Best Codex-native plugin architecture |
62+
| `hursh-shah/codex-design-skill` | 9 | 1 | none declared | updated 2026-06-17 | Yes | Codex skill | Too small to beat alternatives |
63+
| `mdrmuhaimin/agentic-skills` | 1 | 0 | none declared | updated 2026-05-20 | Yes | mobile UI/UX skill | Too little adoption |
64+
65+
## Local Inspection
66+
67+
### `ui-ux-pro-max`
68+
69+
Inspected source commit:
70+
71+
```text
72+
1518fec29d19ce905cd0c689255137b9dcab7ccc
73+
```
74+
75+
Observed contents:
76+
77+
- `SKILL.md` source under `.claude/skills/ui-ux-pro-max/SKILL.md`.
78+
- Codex platform template under `cli/assets/templates/platforms/codex.json`.
79+
- Local scripts: `core.py`, `design_system.py`, `search.py`.
80+
- Local datasets: products, styles, colors, typography, charts, UX guidelines, landing patterns, app interfaces, React performance, and stack-specific guidance.
81+
- `skill.json` reports version `2.5.0` and Codex platform support.
82+
- README describes 67 UI styles, 161 palettes, 57 font pairings, 99 UX guidelines, 25 chart types, and 16 tech stacks.
83+
84+
Installed-copy verification:
85+
86+
- `data/` matches the inspected source copy.
87+
- `scripts/` matches the inspected source copy, ignoring generated `__pycache__`.
88+
- The installed script generated a real design-system recommendation for `SaaS analytics dashboard`.
89+
- The skill is copied into `~/.codex/skills`; it is not symlinked to the cloned repo.
90+
91+
Why it wins:
92+
93+
- It has the strongest public adoption signal by a large margin.
94+
- It is a single default skill, not a full app or multi-plugin suite.
95+
- It has local searchable design intelligence rather than only prose.
96+
- It covers both UI appearance and UX checks across common frontend stacks.
97+
- It is broad enough to help with landing pages, dashboards, SaaS/admin UI, mobile UI, charts, typography, colors, accessibility, and reviews.
98+
99+
### `open-design`
100+
101+
Inspected source commit:
102+
103+
```text
104+
295e541085635d7062a470503e2bd229eb0da7c7
105+
```
106+
107+
Observed contents:
108+
109+
- Large local-first design platform, approximately 364 MB in the shallow clone.
110+
- 156 `skills/*/SKILL.md` files plus 109 `design-templates/*/SKILL.md` files.
111+
- Native desktop/web apps, daemon, MCP/platform packages, design systems, templates, export tooling, and agent integration docs.
112+
- README and website describe installation into Codex via Open Design tooling.
113+
114+
Why it did not become the default skill:
115+
116+
- It is the best full local design platform found, but the ask was for the best UI/UX skill.
117+
- Installing the whole platform would add a large design workspace and many optional services/skills.
118+
- The repository includes many skills whose best path depends on optional external services such as Figma, image/video providers, or web-connected workflows.
119+
120+
Recommended later if the goal becomes a local design studio, artifact preview system, or MCP-backed design workspace.
121+
122+
### `hallmark`
123+
124+
Inspected source commit:
125+
126+
```text
127+
aeb42fb354ff4efa36ab475773a082315a3af2ce
128+
```
129+
130+
Observed contents:
131+
132+
- `skills/hallmark/SKILL.md`
133+
- 23 local reference files under `skills/hallmark/references/`
134+
- Worked examples and local site examples.
135+
- Strong focused mission: anti-generic, anti-AI-slop design.
136+
- Public adoption is now significant: 3,355 stars and 207 forks.
137+
138+
Why it was not installed as the default:
139+
140+
- It is an excellent complementary skill, but it is intentionally opinionated.
141+
- Its trigger covers new apps and landing pages broadly, and its default flow says it should always ask for design context before designing.
142+
- That could conflict with Codex's normal implementation flow when the user expects direct execution.
143+
144+
Recommendation: install later as `hallmark` if the priority is maximum visual distinctiveness and anti-template redesign work. Do not make it the default broad UI/UX skill yet.
145+
146+
### `designer-skills`
147+
148+
Inspected source commit:
149+
150+
```text
151+
acc3e574b36ef2895268a176dbae886e1b845ae0
152+
```
153+
154+
Observed contents:
155+
156+
- 96 `SKILL.md` files found.
157+
- Multiple Claude plugin manifests under `.claude-plugin/plugin.json`.
158+
- Covers research, strategy, systems, UI, interaction, prototyping/testing, design ops, toolkit, and visual critique.
159+
- Good ecosystem signal and external recommendations.
160+
161+
Why it was not installed as the default:
162+
163+
- It is a suite of design-process plugins, not one Codex-default UI/UX skill.
164+
- The plugin shape is Claude-first and would need deliberate conversion or plugin packaging for Codex.
165+
- It is stronger for design process and handoff than for a single low-friction frontend-quality default.
166+
167+
### `designpowers`
168+
169+
Inspected source commit:
170+
171+
```text
172+
cb00757da9d554591fa78d27aa1854d60a05c4f7
173+
```
174+
175+
Observed contents:
176+
177+
- 36 skills found under `skills/*/SKILL.md`.
178+
- Agent-team style design workflow.
179+
- Strong inclusive-design and design-process orientation.
180+
181+
Why it was not installed as the default:
182+
183+
- It is a design team/process system, not the simplest broad UI/UX enhancement skill.
184+
- It is useful when directing multiple design roles, but too much ceremony for routine Codex UI implementation.
185+
186+
### `stark`
187+
188+
Inspected source commit:
189+
190+
```text
191+
6e2e738efc30a2fdd767f065cfbf39eef6efc4e2
192+
```
193+
194+
Observed contents:
195+
196+
- `.codex-plugin/plugin.json`
197+
- Root `SKILL.md`
198+
- 8 routed skills for UX, web, platform, cross-platform, and design tokens.
199+
- 71 local reference files in prior inspection; current clone contains rich references, commands, token assets, screenshots, and helper scripts.
200+
- Local tests passed:
201+
202+
```text
203+
13 passed in 0.03s
204+
```
205+
206+
Why it was not installed as the default:
207+
208+
- It is the best Codex-native plugin architecture found.
209+
- Adoption is still tiny compared with `ui-ux-pro-max`, Hallmark, Open Design, and Designer Skills.
210+
- It is better as a future plugin install when Codex-native routing matters more than public validation.
211+
212+
## Final Ranking
213+
214+
1. `ui-ux-pro-max` - best default UI/UX skill for Codex, installed.
215+
2. `open-design` - best full local design platform, not installed as a default skill.
216+
3. `hallmark` - best focused anti-generic visual-taste skill, install later if desired.
217+
4. `designer-skills` - best broad design-process suite, not Codex-native enough for default install.
218+
5. `stark` - best Codex-native UI/UX plugin architecture, low adoption but high quality.
219+
6. `frontend-design` - good lightweight aesthetic skill, already covered by existing installed design guidance and `ui-ux-pro-max`.
220+
221+
## Installed State
222+
223+
Current installed default:
224+
225+
```text
226+
/home/michel/.codex/skills/ui-ux-pro-max/
227+
```
228+
229+
Important files:
230+
231+
- `SKILL.md`
232+
- `CODEX_INSTALL.md`
233+
- `data/*.csv`
234+
- `scripts/core.py`
235+
- `scripts/design_system.py`
236+
- `scripts/search.py`
237+
- `templates/`
238+
- `LICENSE`
239+
240+
Verification command:
241+
242+
```bash
243+
python3 /home/michel/.codex/skills/ui-ux-pro-max/scripts/search.py \
244+
"SaaS analytics dashboard" --design-system -p "Verification Dashboard" -f markdown
245+
```
246+
247+
Result: generated a complete design-system recommendation with pattern, style, colors, typography, key effects, anti-patterns, and pre-delivery checklist.
248+
249+
## Sources
250+
251+
- `https://github.com/nextlevelbuilder/ui-ux-pro-max-skill`
252+
- `https://github.com/nexu-io/open-design`
253+
- `https://github.com/Nutlope/hallmark`
254+
- `https://www.usehallmark.com/`
255+
- `https://github.com/Owl-Listener/designer-skills`
256+
- `https://github.com/Owl-Listener/designpowers`
257+
- `https://github.com/f0d010c/stark`
258+
- `https://github.com/Ilm-Alan/frontend-design`
259+
- `https://github.com/saifyxpro/ui-ux-design-pro-skill`
260+
- `https://github.com/oil-oil/ui-ux-guide`
261+
- `https://github.com/Yeachan-Heo/oh-my-codex`
262+
- `https://github.com/hursh-shah/codex-design-skill`
263+
- `https://github.com/mdrmuhaimin/agentic-skills`
264+
- `https://composio.dev/content/top-design-skills`
265+
- `https://developers.openai.com/codex/skills`
266+
- `https://developers.openai.com/codex/use-cases/frontend-designs`
267+
268+
## Recommendation
269+
270+
Keep `ui-ux-pro-max` installed as the default. It is the best current answer for a broadly useful, highly praised, local-first UI/UX Codex skill.
271+
272+
If a second UI/UX install is desired later, choose based on need:
273+
274+
- Install `hallmark` for high-craft anti-generic landing pages and redesigns.
275+
- Install `stark` for Codex-native UI/UX plugin routing.
276+
- Install `open-design` for a full local design workspace and MCP/platform workflow.
277+
278+
Restart Codex if `ui-ux-pro-max` is not visible in the available skills list.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "claude-code-helper",
3-
"version": "2.11.3",
3+
"version": "2.11.4",
44
"private": true,
55
"description": "Comprehensive toolkit and learning resource for mastering Claude Code",
66
"workspaces": [

0 commit comments

Comments
 (0)