Plugin

frontend-design-skills

Name: frontend-design-skills
Author: fcakyon

Generate production-grade frontend code for visually strong landing pages, websites, apps, and components using Anthropic and OpenAI design skills. Produce bold aesthetics with unique typography, motion, and layouts in React or Vue, or premium prototypes featuring restrained compositions, image-led hierarchy, and tasteful motion in HTML/CSS/JS.

npx claudepluginhub fcakyon/claude-codex-settings --plugin frontend-design-skills

Component Overview

Skills

Component Details

Skills (2)

anthropic-frontend-design

/anthropic-frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

openai-frontend-design

/openai-frontend-design

Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led hierarchy, cohesive content structure, and tasteful motion while avoiding generic cards, weak branding, and UI clutter.

README

My daily battle-tested Claude Code/Desktop and OpenAI Codex setup with skills, commands, hooks, subagents and MCP servers.

Installation • Plugins • Configuration • References

Installation

Plugins add skills, commands, and automations to your AI coding tool. Install only what you need from the plugin list below.

Prerequisites: See INSTALL.md for setup requirements.

Claude Code

# Add marketplace (one time)
/plugin marketplace add fcakyon/claude-codex-settings

# Install any plugin by name
/plugin install < plugin-name > @claude-settings

Codex CLI

codex plugin install < plugin-name > @claude-settings

Gemini CLI

gemini extensions install --path ./plugins/<plugin-name>

Cursor

cursor plugin install < plugin-name > @claude-settings

Create symlinks for cross-tool compatibility:

ln -sfn CLAUDE.md AGENTS.md
ln -sfn CLAUDE.md GEMINI.md

Plugins

anthropic-office-skills - Official Anthropic PDF, Word, PowerPoint, Excel skills

Claude Code	Codex CLI	Gemini CLI
`/plugin install anthropic-office-skills@claude-settings`	`codex plugin install anthropic-office-skills@claude-settings`	`gemini extensions install --path ./plugins/anthropic-office-skills`

Official office document skills from anthropics/skills.

Skill	Description	Install
`pdf`	PDF processing (read, merge, split, create, OCR, forms)
`pptx`	PowerPoint presentation building and editing
`xlsx`	Excel spreadsheet processing with formulas
`docx`	Word document creation and editing

openai-office-skills - Official OpenAI PDF, Word, PowerPoint, Excel skills

View full README on GitHub

Similar Plugins

caveman

47.0k

1.4K

Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.

Stats

Version1.0.0

Parent Repo Stars573

Parent Repo Forks51

Installs12

MaintenanceGood

AddedApr 1, 2026

Actions

View on GitHub View README Plugin Marketplace JSON

Available In

claude-settings647

Installation

Plugins add skills, commands, and automations to your AI coding tool. Install only what you need from the plugin list below.

Prerequisites: See INSTALL.md for setup requirements.

Claude Code

# Add marketplace (one time)
/plugin marketplace add fcakyon/claude-codex-settings

# Install any plugin by name
/plugin install < plugin-name > @claude-settings

Codex CLI

codex plugin install < plugin-name > @claude-settings

Gemini CLI

gemini extensions install --path ./plugins/<plugin-name>

Cursor

cursor plugin install < plugin-name > @claude-settings

Create symlinks for cross-tool compatibility:

ln -sfn CLAUDE.md AGENTS.md
ln -sfn CLAUDE.md GEMINI.md

Plugins

anthropic-office-skills - Official Anthropic PDF, Word, PowerPoint, Excel skills

Claude Code	Codex CLI	Gemini CLI
`/plugin install anthropic-office-skills@claude-settings`	`codex plugin install anthropic-office-skills@claude-settings`	`gemini extensions install --path ./plugins/anthropic-office-skills`

Official office document skills from anthropics/skills.

Skill	Description	Install
`pdf`	PDF processing (read, merge, split, create, OCR, forms)
`pptx`	PowerPoint presentation building and editing
`xlsx`	Excel spreadsheet processing with formulas
`docx`	Word document creation and editing

openai-office-skills - Official OpenAI PDF, Word, PowerPoint, Excel skills

frontend-design-skills

Component Overview

Component Details

Skills (2)

README

Installation

Plugins

Similar Plugins

caveman

frontend-design-skills

Component Overview

Component Details

Skills (2)

README

Installation

Plugins

Similar Plugins

caveman

ui-design

anthropics-skills-13

frontend-design

humanizer

cache-components