Frontend & Design · OpenAI

This skill should be used when the user asks to "add an API call", "change a backend", "update settings persistence", "change conversation events", "fix backend auth", "add Agent Server support", or…

OpenHands/OpenHands

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

Create, redesign, repair, validate, preview, and package lightweight standalone HTML deliverables.

NimaChu/html-design

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

Add a supported application language or regional locale to all-api-hub across application and extension runtimes.

qixing-jk/all-api-hub

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

Builds a realtime voice-chat app around a talking character portrait made from your photo or a text description, with mouth sprites driven by the audio.

buildfastwithai/gen-ai-experiments

Turns an article or spoken script into a click-through, full-screen 16:9 web presentation that looks like a video, with optional synthesized narration.

ConardLi/garden-skills

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

Guides building an MCP app: an MCP server that also serves interactive UI widgets such as forms, pickers and confirm dialogs, rendered inline in chat hosts like Claude and ChatGPT.

anthropics/claude-plugins-official

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

A skill your agent uses when generating or editing images via blockrunimage — especially with GPT Image 2, Nano Banana, or Grok Imagine for posters, UI mockups, marketing assets, product shots, or…

BlockRunAI/blockrun-mcp

网页与数字界面设计师和网页开发工程师在需要逆向分析网页截图时，使用本技能一键提取配色、排版及组件特征，自动生成结构化 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

Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.

nexu-io/open-design

See and understand images when you (the current model) have no native vision.

aiskillstore/marketplace