Frontend & Design · OpenAI · For frontend developers

This skill should be used when the user asks to "add UI copy", "add a translation", "optimize the frontend bundle", "change onboarding", "change conversation UI", "add a query key", "change MSW…

OpenHands/OpenHands

A skill your agent uses when working with color naming, color theory, color spaces, color definitions, or any task involving color knowledge - palettes, ramps, gradients, conversions, accessibility…

meodai/skill.color-expert

Create, update, validate, and review ReTheme v1 themes for the ChatGPT desktop app.

duxweb/ReTheme

Translate JSON i18n files to multiple languages with AI-powered quality optimization.

ckanner/jta

Builds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support.

ancoleman/ai-design-components

Review and improve WAYFINDER's native macOS UX against OpenAI Codex app patterns and the repo's accepted menu-bar design contracts.

asdecided/WayfinderRouter

A skill your agent uses when adding or publishing an AI API public-benefit or relay-site listing from promotional copy in this repository, including validating the referral link, regenerating the…

bubblevv/ai-api-gongyi-nav

Reads the advisory design review attached to a pull request's screenshots, fixes the flagged UI problems in product code, and proves each note is gone.

different-ai/openwork

A skill your agent uses when users request i18n/localization updates for Android string resources: adding localized keys, translating strings.xml, filling missing translations, or moving hardcoded…

Ayuilos/Miffan

Update the third-party JavaScript vendored into the app for the artifact, diagram, and math WebViews (KaTeX, mermaid, marked, highlight.js, Tailwind, Babel, React).

garfiec/Librechat-Mobile

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel.

composio-community/awesome-codex-skills

Rules for adding and editing LobeHub's user-facing strings with react-i18next: flat dot-notation keys, the default locale folder, namespaces and when to run bun run i18n.

lobehub/lobehub

Design, build, redesign, or modify browser-visible web interfaces with product-quality composition, visual systems, interaction states, responsive behavior, accessibility, and browser visual QA.

MemTensor/memmy-agent

Audit localization / i18n coverage across the compose-resources surface (10 modules x 9 locales).

garfiec/Librechat-Mobile

Brand-consistent asset sets from DESIGN.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build imagegen, Codex $imagegen…

kwakseongjae/oh-my-design

Collects your feedback on a running feature, typed or spoken and drawn in the browser, and turns it into focused UX fixes saved as local commits.

EveryInc/compound-engineering-plugin

网页与数字界面设计师和网页开发工程师在需要逆向分析网页截图时，使用本技能一键提取配色、排版及组件特征，自动生成结构化 Design System 数据与 AI Coding Prompt，让设计还原与前端开发更高效。

anbeime/skill

Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing.

HKUDS/CLI-Anything

A skill your agent uses for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a…

fcakyon/claude-codex-settings

Create visually strong landing pages, websites, and app UIs with restrained composition.

nexu-io/open-design