codex-skills-alternative

Q: How to install codex-skills-alternative?

Create the skills directory: mkdir -p .claude/skills. Then run: mkdir -p .claude/skills && curl -o .claude/skills/codex-skills-alternative.md https://raw.githubusercontent.com/DKeken/codex-skills-alternative/main/SKILL.md. Finally, /codex-skills-alternative in Claude Code.

Q: What is codex-skills-alternative best for?

codex-skills-alternative is categorized under General. It covers: design, agent, plugin.

New

5GitHub TrendingGeneralby DKeken

17 vendor-neutral Agent Skills (SKILL.md) reimplementing the Codex Creative Production + Product Design plugin workflows. Works with Claude Code, opencode, Cursor, Codex CLI, Gemini CLI, Copilot.

First seen 6/3/2026

Summary

This skill reimplements the Codex Creative Production and Product Design plugin workflows as 17 vendor-neutral Agent Skills.

It enables developers to integrate design and creative tasks directly into their coding environment, working seamlessly with Claude Code, opencode, Cursor, Codex CLI, Gemini CLI, and Copilot.

Install & Usage

Create the skills directory

mkdir -p .claude/skills

Download the skill file

mkdir -p .claude/skills && curl -o .claude/skills/codex-skills-alternative.md https://raw.githubusercontent.com/DKeken/codex-skills-alternative/main/SKILL.md

Invoke in Claude Code

/codex-skills-alternative

Use Cases

Generate design specifications from natural language descriptions to guide frontend implementation.

Create SVG icons or illustrations programmatically based on component requirements.

Convert wireframe sketches or mockups into structured design tokens and CSS variables.

Automate the generation of responsive layout prototypes from user stories.

Extract color palettes and typography from brand guidelines for consistent UI theming.

Produce accessibility annotations and contrast checks for design components.

Usage Examples

/codex-skills-alternative Generate a set of 5 SVG icons for a dashboard sidebar, including home, analytics, settings, users, and notifications.

Create a design token file with color palette and typography scale for a dark theme based on this brand guide: [paste brand guide].

Convert this wireframe description into a responsive CSS grid layout with breakpoints: 'Header with logo and nav, main content area with two columns, footer with links.'

View source on GitHub

designagentplugin

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is codex-skills-alternative?

This skill reimplements the Codex Creative Production and Product Design plugin workflows as 17 vendor-neutral Agent Skills. It enables developers to integrate design and creative tasks directly into their coding environment, working seamlessly with Claude Code, opencode, Cursor, Codex CLI, Gemini CLI, and Copilot.

How to install codex-skills-alternative?

To install codex-skills-alternative: create the skills directory (mkdir -p .claude/skills), then run: mkdir -p .claude/skills && curl -o .claude/skills/codex-skills-alternative.md https://raw.githubusercontent.com/DKeken/codex-skills-alternative/main/SKILL.md. Finally, /codex-skills-alternative in Claude Code.

What is codex-skills-alternative best for?

codex-skills-alternative is a skill categorized under General. It is designed for: design, agent, plugin. Created by DKeken.

What can I use codex-skills-alternative for?

codex-skills-alternative is useful for: Generate design specifications from natural language descriptions to guide frontend implementation.; Create SVG icons or illustrations programmatically based on component requirements.; Convert wireframe sketches or mockups into structured design tokens and CSS variables.; Automate the generation of responsive layout prototypes from user stories.; Extract color palettes and typography from brand guidelines for consistent UI theming.; Produce accessibility annotations and contrast checks for design components..