Updated 1w ago
by wpgaurav
WordPress-skills
125+ reusable AI agent skills for Claude Code, ChatGPT, Cursor, and other AI tools — WordPress, design, SEO, marketing, frontend
20 GitHub stars (20)
+3 in 30 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | +1 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | 0 |
| Oct 10 | 0 |
| Oct 11 | 0 |
| Oct 12 | 0 |
| Oct 13 | 0 |
| Oct 14 | 0 |
| Oct 15 | 0 |
| Oct 16 | 0 |
| Oct 17 | 0 |
| Oct 18 | +1 |
| Oct 19 | 0 |
| Oct 20 | 0 |
| Oct 21 | 0 |
| Oct 22 | 0 |
| Oct 23 | 0 |
| Oct 24 | 0 |
| Oct 25 | 0 |
| Oct 26 | 0 |
| Oct 27 | 0 |
| Oct 28 | 0 |
| Oct 29 | +1 |
| Oct 30 | 0 |
| Oct 31 | 0 |
| Nov 1 | 0 |
| Nov 2 | 0 |
| Nov 3 | 0 |
| Nov 4 | 0 |
| Nov 5 | +1 |
- 30 skills (30 skills found in its SKILL.md files)
- 1 forks (1 forks)
- 1w ago last update (Last updated 1w ago)
Install
Skills CLI
npx skills add wpgaurav/WordPress-skills
Asks which skills and agents to install. Just one: npx skills add wpgaurav/WordPress-skills --skill adapt — add -g for every project.
Claude Code
git clone https://github.com/wpgaurav/WordPress-skillscp -r "WordPress-skills/skills/design/adapt" ~/.claude/skills/
Copies the adapt skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add wpgaurav/WordPress-skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md — showing the first 30 of 132 files.
-
adapt
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.
skills/design/adapt/SKILL.md on GitHub (opens in a new tab) -
animate
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.
skills/design/animate/SKILL.md on GitHub (opens in a new tab) -
audit
Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.
skills/design/audit/SKILL.md on GitHub (opens in a new tab) -
ckm:banner-design
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, du…
skills/design/banner-design/SKILL.md on GitHub (opens in a new tab) -
bolder
Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.
skills/design/bolder/SKILL.md on GitHub (opens in a new tab) -
cinematic-editorial-graphics
Create cinematic editorial hero images with photorealistic subjects, dramatic typography, and magazine-quality composition. Use for blog hero images, announcement graphics, feature stories, newsletter headers, and social media covers. Optimized prompts for Gemini and ChatGPT/DALL-E image generation.
skills/design/cinematic-editorial-graphics/SKILL.md on GitHub (opens in a new tab) -
colorize
Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.
skills/design/colorize/SKILL.md on GitHub (opens in a new tab) -
critique
Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback.
skills/design/critique/SKILL.md on GitHub (opens in a new tab) -
delight
Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful.
skills/design/delight/SKILL.md on GitHub (opens in a new tab) -
ckm:design-system
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
skills/design/design-system/SKILL.md on GitHub (opens in a new tab) -
ckm:design
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, bu…
skills/design/design/SKILL.md on GitHub (opens in a new tab) -
desktop-app-showcase
Create desktop application showcase graphics in SVG featuring macOS-style window chrome, sidebars, multi-panel layouts, chat interfaces, and code diffs. Use for developer tools, AI assistants, IDE plugins, productivity apps, and desktop software marketing. Output polished app mockups with gradient backgrounds.
skills/design/desktop-app-showcase/SKILL.md on GitHub (opens in a new tab) -
distill
Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.
skills/design/distill/SKILL.md on GitHub (opens in a new tab) -
extract
Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library.
skills/design/extract/SKILL.md on GitHub (opens in a new tab) -
featured-image-creator
Create blog featured images as SVG (2400x1260px) using illustration libraries, FontAwesome icons, and open-source SVGs. No or negligible text. Convert to PNG via rsvg-convert. Use for yoursite.com and youragency.com blog post thumbnails, social sharing images, and WordPress featured images.
skills/design/featured-image-creator/SKILL.md on GitHub (opens in a new tab) -
frontend-design-pro
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Zero AI slop, zero fake URLs.
skills/design/frontend-design-pro/SKILL.md on GitHub (opens in a new tab) -
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.
skills/design/frontend-design/SKILL.md on GitHub (opens in a new tab) -
hand-drawn-explainers
Create hand-drawn explainer graphics in SVG that look like notebook sketches with blue and red ink on ruled paper. Use for product launches, technical explainers, dev tools, AI workflows, SaaS landing pages, educational diagrams, pitch decks, and social media. Output intentionally imperfect, human-feeling sketches that prioritize clarity over polish.
skills/design/hand-drawn-explainers/SKILL.md on GitHub (opens in a new tab) -
harden
Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready.
skills/design/harden/SKILL.md on GitHub (opens in a new tab) -
modern-frontend-design
How to design and build modern, premium-quality frontend interfaces that look like high-end SaaS products, modern AI tools, and award-winning design websites — not generic templates or outdated layouts. Use this skill whenever the user asks you to build a frontend, create a landing page, design a dashboard, scaffold a web app UI, build a SaaS interface, create a portfolio site, or produce any kin…
skills/design/modern-frontend-design/SKILL.md on GitHub (opens in a new tab) -
monoline-icons
Create Apple-style monoline icon illustrations in SVG. Single-color outline icons with uniform stroke weight, rounded caps/joins, and clean geometry. Use for tech product marketing, feature showcases, device ecosystems, service overviews, blog graphics, and documentation illustrations. Output crisp, professional iconography that looks like Apple developer documentation or WWDC slide art.
skills/design/monoline-icons/SKILL.md on GitHub (opens in a new tab) -
normalize
Normalize design to match your design system and ensure consistency
skills/design/normalize/SKILL.md on GitHub (opens in a new tab) -
onboard
Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly.
skills/design/onboard/SKILL.md on GitHub (opens in a new tab) -
polish
Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great.
skills/design/polish/SKILL.md on GitHub (opens in a new tab) -
quieter
Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.
skills/design/quieter/SKILL.md on GitHub (opens in a new tab) -
saas-product-graphics
Create polished SaaS product UI showcase graphics in SVG. Floating panels, soft shadows, modern gradients, clean typography. Use for landing pages, feature showcases, product marketing, app store screenshots, and hero sections. Output professional, modern visuals that look like Figma/Sketch exports.
skills/design/saas-product-graphics/SKILL.md on GitHub (opens in a new tab) -
svg-graphics
Create professional SVG graphics including data visualizations (pie charts, bar charts, line graphs, donut charts), flat illustrations (people, icons, objects, devices), dashboard mockups, marketing graphics, and infographics. Use when user requests charts, diagrams, illustrations, infographics, dashboards, marketing visuals, UI mockups, or any vector graphic. Outputs clean, scalable SVG code opt…
skills/design/svg-graphics/SKILL.md on GitHub (opens in a new tab) -
teach-impeccable
One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.
skills/design/teach-impeccable/SKILL.md on GitHub (opens in a new tab) -
ui-design-brain
Generate production-grade UI using real component patterns and best practices from 60+ documented interface components. Use when the user asks to build web interfaces, pages, dashboards, forms, navigation, or any UI — ensures modern, minimal, SaaS-quality output grounded in design system conventions rather than generic AI patterns.
skills/design/ui-design-brain/SKILL.md on GitHub (opens in a new tab) -
ui-skills
Opinionated constraints for building better interfaces with agents.
skills/design/ui-skills/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries.
-
ECCby affaan-m The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Cod…
-
andrej-karpathy-skillsby multica-ai A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
-
ponytailby DietrichGebert Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
-
ui-ux-pro-max-skillby nextlevelbuilder An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
-
graphifyby Graphify-Labs Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Curs…