leorickcoder/awesome-codex-skills
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
A curated collection of practical Codex skills for design, UI, brand, and presentation workflows.
개요
A public repository of reusable Codex skills, focused on design systems, UI direction, frontend styling, brand work, and presentation workflows. This is a Codex-first skill repository. Each skill in this repo is designed as a practical working unit for Codex: a SKILL.md with clear triggers, operating guidance, handoff rules, and optional helper assets such as scripts, references, templates, agents, or data files. This repository is the shared home for a growing set of Codex-oriented skills that can be: - used directly in Codex sessions - versioned and improved in public - combined across related workflows - reviewed with the same discipline as code and documentation The current collection leans heavily toward design and frontend execution: - brand and visual identity work - UI/UX direction and decision support - design-system structure and token thinking - UI implementation patterns - slide and banner workflows 1.
README
원문 README의 일부입니다. 원문 보기.
Awesome Codex Skills
A public repository of reusable Codex skills, focused on design systems, UI direction, frontend styling, brand work, and presentation workflows.
This is a Codex-first skill repository. Each skill in this repo is designed as a practical working unit for Codex: a SKILL.md with clear triggers, operating guidance, handoff rules, and optional helper assets such as scripts, references, templates, agents, or data files.
What This Repository Is
This repository is the shared home for a growing set of Codex-oriented skills that can be:
- used directly in Codex sessions
- versioned and improved in public
- combined across related workflows
- reviewed with the same discipline as code and documentation
The current collection leans heavily toward design and frontend execution:
- brand and visual identity work
- UI/UX direction and decision support
- design-system structure and token thinking
- UI implementation patterns
- slide and banner workflows
Skill Map
| Skill | Focus | When to use in Codex |
|---|---|---|
| banner-design | Banner art direction and safe-zone guidance | When Codex needs to propose or refine social headers, ad banners, website heroes, or print banner layouts |
| brand | Brand voice, visual identity, and asset governance | When Codex needs to define, audit, or operationalize brand rules before design or implementation work |
| design | Top-level design routing | When Codex needs to route a broad design request across brand, design-system, UI styling, slides, or visual asset workflows |
| design-system | Design tokens and component specifications | When Codex needs to turn an approved visual direction into tokens, component rules, or systemized slide logic |
| slides | Slide narrative and presentation structure | When Codex needs to plan deck structure, slide-by-slide flow, presentation copy, or HTML slide output |
| ui-styling | UI implementation patterns | When Codex needs to implement approved UI direction with shadcn/ui, Tailwind CSS, theming, and responsive layout |
| ui-ux-pro-max | UI/UX decision support | When Codex needs to choose or justify layout, typography, palette, charts, or UX direction before implementation |
How to Use This Repo
- Pick the skill folder that matches the task you want Codex to handle.
- Start with the local
SKILL.md. - Use the bundled scripts or references only when that skill tells Codex to use them.
- Follow handoff guidance when the skill points to a companion skill.
If you are unsure where to start:
- use design as the top-level router for multi-domain design requests
- use ui-ux-pro-max when the problem is about choosing direction before implementation
- use ui-styling when the direction is already known and the next step is implementation
Repository Layout
.추천 도구
다른 키워드를 입력하거나 필터를 제거해 보세요.
설치
npx skillfish add leorickcoder/awesome-codex-skills