Skip to content
alyn
jezweb

claude-skills

Skills for Claude Code CLI such as full stack dev Cloudflare, React, Tailwind v4, and AI integrations.

$npx skills add jezweb/claude-skills
Stars
1,107
Installs
143k
Forks
110
Updated
33 days ago
License
MIT

jezweb

Claude Skills

Open on GitHub

About the author

jezweb

63 skills in this pack.

jezweb

Claude Skills

65
jezweb

ai-image-generator

Generate AI images using Gemini or GPT APIs directly. Covers model selection (Gemini for scenes; GPT Image 2 for text rendering, batch variations, multi-reference compositing; GPT Image 1.5…

Pack1.1k143kImages & art

jezweb

Claude Skills

65
jezweb

color-palette

Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, Tailwind v4 CSS output, WCAG contrast checks…

Pack1.1k143kDesign

jezweb

Claude Skills

65
jezweb

icon-set-generator

Generate cohesive, project-specific SVG icon sets for websites and applications. Use this skill whenever the user needs custom icons, an icon set for a website or app, icons for a client…

Pack1.1k143kImages & art

jezweb

Claude Skills

65
jezweb

project-health

All-in-one project configuration and health management. Sets up new projects (settings.local.json, CLAUDE.md, .gitignore), audits existing projects (permissions, context quality, MCP…

Pack1.1k143kFrontend

jezweb

Claude Skills

65
jezweb

responsiveness-check

Test website responsiveness across viewport widths using browser automation. Resizes a single session through breakpoints, screenshots each width, and detects layout transitions (column…

Pack1.1k143kTesting

jezweb

Claude Skills

65
jezweb

team-update

Post project updates to team chat, gather feedback, triage responses, and plan next steps. Adapts to available tools (chat, git, issues, tasks). First run discovers tools and saves a…

Pack1.1k143kFrontend

jezweb

Claude Skills

65
jezweb

ux-audit

Walk through a live web app AS a real user to find usability + behavioural bugs that static reviews miss. REQUIRES proof of interaction (typing, clicking, sending, observing) before any…

Pack1.1k143kDesign

jezweb

Claude Skills

65
jezweb

ux-compare

Compare UX patterns across multiple reference apps using pattern libraries produced by ux-extract. Reads 2+ pattern-library.md files, walks them category by category, identifies where apps…

Pack1.1k143kDesign

jezweb

Claude Skills

65
jezweb

ux-extract

Exhaustively extract UX patterns from a reference web app. Walks every screen, captures screenshots of every state, records interaction patterns, copy verbatim, keyboard shortcuts…

Pack1.1k143kDesign

jezweb

Claude Skills

65
jezweb

vite-flare-starter

Scaffold a full-stack Cloudflare app from the vite-flare-starter template — React 19 + Hono + D1+Drizzle + better-auth + Tailwind v4+shadcn/ui + TanStack Query + R2 + Workers AI. Run…

Pack1.1k143kFrontend

jezweb

Claude Skills

64
jezweb

shadcn-ui

Install and configure shadcn/ui components for React projects. Guides component selection, installation order, dependency management, customisation with semantic tokens, and common UI…

Pack1.1k143kDesign

jezweb

Claude Skills

63
jezweb

app-docs

Generate complete user documentation for a web app with screenshots. Browses the app via browser automation, screenshots every screen, and produces a structured user guide with step-by-step…

Pack1.1k143kAutomation

jezweb

Claude Skills

63
jezweb

deep-research

Deep research and discovery before building something new. Explores local projects for reusable code, researches competitors, reads forums and reviews, analyses plugin ecosystems…

Pack1.1k143kResearch

jezweb

Claude Skills

63
jezweb

design-loop

Autonomous multi-page site builder using a baton-passing loop. Each iteration reads a task from .design/next-prompt.md, generates a page in HTML/Tailwind, integrates it into the site…

Pack1.1k143kDesign

jezweb

Claude Skills

63
jezweb

design-review

Review a web app or page for visual design quality — layout, typography, spacing, colour, hierarchy, consistency, interaction patterns, and responsive behaviour. Not a UX audit (that checks…

Pack1.1k143kDesign

jezweb

Claude Skills

63
jezweb

design-system

Extract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typography, component styles, spacing, and atmosphere through browser…

Pack1.1k143kDesign

jezweb

Claude Skills

63
jezweb

fork-discipline

Audit and enforce the core/client boundary in multi-client projects. Detects where shared platform code is tangled with client-specific code, finds hardcoded client checks, config files…

Pack1.1k143kFrontend

jezweb

Claude Skills

63
jezweb

image-processing

Process images for web development — resize, crop, trim whitespace, convert formats (PNG/WebP/JPG), optimise file size, generate thumbnails, create OG card images. Uses Pillow (Python) — no…

Pack1.1k143kImages & art

jezweb

Claude Skills

63
jezweb

onboarding-ux

Audit and generate in-app user guidance — onboarding flows, empty states, tooltips, feature tours, contextual help, defaults, and inline hints. Browses the app to find where new users would…

Pack1.1k143kDesign

jezweb

Claude Skills

63
jezweb

product-showcase

Generate a comprehensive marketing website for a web app — multi-page with real screenshots, animated GIF walkthroughs, feature deep-dives, and workflow demonstrations. Browses the running…

Pack1.1k143kFrontend

jezweb

Claude Skills

63
jezweb

react-native

React Native and Expo patterns for building performant mobile apps. Covers list performance, animations with Reanimated, navigation, UI patterns, state management, platform-specific code…

Pack1.1k143kFrontend

jezweb

Claude Skills

63
jezweb

react-patterns

React 19 performance patterns and composition architecture for Vite + Cloudflare projects. 50+ rules ranked by impact — eliminating waterfalls, bundle optimisation, re-render prevention…

Pack1.1k143kFrontend

jezweb

Claude Skills

63
jezweb

roadmap

Plan and execute entire application builds. Generates phased delivery roadmaps, then executes them autonomously — phase by phase, committing at milestones, deploying, testing, and…

Pack1.1k143kProduct management

jezweb

Claude Skills

63
jezweb

vitest

Set up Vitest testing in any project — detects type (Cloudflare Workers, React, Node, library), generates vitest.config.ts, test setup, utilities, and a sample test. Covers mocking…

Pack1.1k143kTesting

jezweb

Claude Skills

62
jezweb

favicon-gen

Generate custom favicons from logos, text, or brand colours. Produces favicon.svg, favicon.ico, apple-touch-icon.png, icon-192/512.png, and web manifest. Use whenever the user wants a…

Pack1.1k143kDesign

jezweb

Claude Skills

62
jezweb

github-release

Prepare and publish GitHub releases. Sanitizes code for public release (secrets scan, personal artifacts, LICENSE/README validation), creates version tags, and publishes via gh CLI. Trigger…

Pack1.1k143kDevOps

jezweb

Claude Skills

62
jezweb

landing-page

Generate a complete, deployable landing page from a brief. Produces a single self-contained HTML file with Tailwind CSS (via CDN), responsive design, dark mode, semantic HTML, and OG meta…

Pack1.1k143kMarketing

jezweb

Claude Skills

62
jezweb

project-docs

Generate project documentation from codebase analysis — ARCHITECTURE.md, API_ENDPOINTS.md, DATABASE_SCHEMA.md. Reads source code, schema files, routes, and config to produce accurate…

Pack1.1k143kCoding

jezweb

Claude Skills

61
jezweb

codex-review

Run an independent code review using the OpenAI Codex CLI in headless mode. Gets a second opinion from a different model family (the current Codex models) on recent changes, a PR, a commit…

Pack1.1k143kCoding

jezweb

Claude Skills

60
jezweb

git-workflow

Guided git workflows: prepare PRs, clean up branches, resolve merge conflicts, handle monorepo tags, squash-and-merge patterns. Use when asked to prepare a PR, clean branches, resolve…

Pack1.1k143kCoding

Showing 30 of 63. See the full pack on GitHub.

From the README

How to use claude-skills

Claude Code Skills

MIT License

Production workflow skills for Claude Code. Each skill guides Claude through a recipe to produce tangible output — scaffolded projects, generated assets, professional documents, deployed services.

Ten plugins of practical, production-oriented skills. Every one produces something. (The thinking skills — planning, prompt-writing, verification doctrine, brains-trust — live in their own framework: dotjez.)

Quick Start

# Add the marketplace (one-time)
/plugin marketplace add jezweb/claude-skills

# Install what you need
/plugin install cloudflare@jezweb-skills
/plugin install writing@jezweb-skills
/plugin install dev-tools@jezweb-skills

Then just ask Claude what you need — installed skills trigger automatically from natural language.

Plugins

Build & Deploy

Plugin Skills What it does
cloudflare vite-flare-starter Scaffold and deploy a full-stack Vite + React + Workers app
shopify shopify-setup, shopify-products, shopify-content Shopify API setup, product creation (single + bulk CSV), content pages, blog posts, SEO metadata
wordpress wordpress-setup, wordpress-content, wordpress-elementor WordPress WP-CLI/REST API access, content management, Elementor page editing

Design & Frontend

Plugin Skills What it does
frontend tailwind-theme-builder, shadcn-ui, landing-page, product-showcase, react-patterns, design-review, react-native Tailwind v4 theming, shadcn/ui, landing pages, app showcases, React 19 performance/composition patterns, visual design quality review, React Native + Expo mobile patterns
design-assets color-palette, favicon-gen, icon-set-generator, image-processing, ai-image-generator Accessible colour palettes from a single hex, favicon packages, custom SVG icon sets, image resize/convert/optimise, AI image generation (Gemini/GPT)
web-design seo-local-business Local business SEO: JSON-LD schema, meta tags, robots.txt, sitemap.xml

Writing & Documents

Plugin Skills What it does
writing aussie-business-english, us-business-english, uk-business-english, nz-business-english, resume-cover-letter, proposal-writer, award-application, strategy-document Regional business English style guides (AU/US/UK/NZ), resumes and cover letters, client proposals, award submissions, SWOT/business plans
social-media social-media-posts Platform-formatted posts for LinkedIn, Facebook, Instagram, Reddit — character limits, hashtag strategies, campaign sequences

Developer Tools

Plugin Skills What it does
dev-tools project-health, project-docs, app-docs, team-update, github-release, codex-review, git-workflow, ux-audit, ux-compare, ux-extract, responsiveness-check, deep-research, onboarding-ux, fork-discipline, roadmap, vitest Project config, doc generation, app user guides, team updates, releases, Codex second opinions, git workflows, UX dogfooding and pattern extraction, responsive testing, pre-build discovery, in-app onboarding, core/client boundary audit, autonomous phased app delivery, Vitest test setup
integrations gws-setup, gws-install, google-chat-messages, google-apps-script, elevenlabs-agents, mcp-builder, nemoclaw-setup, parcel-tracking, stripe-payments Google Workspace setup, Google Chat webhooks, Apps Script, ElevenLabs voice agents, MCP servers, NemoClaw, parcel tracking, Stripe payments (checkout, subscriptions, webhooks, billing portal)

All skills

Full skill list with trigger phrases
Skill Triggers on
vite-flare-starter "scaffold a full-stack app", "vite + cloudflare"
seo-local-business "local seo", "json-ld schema"
tailwind-theme-builder "tailwind theme", "set up tailwind"
shadcn-ui "shadcn", "install components"
landing-page "landing page", "marketing page", "one-page site"
product-showcase "showcase site", "product page", "show off the app"
react-patterns "react patterns", "react performance", "reduce re-renders"
design-review "design review", "does this look good", "visual review"
react-native "react native", "expo", "mobile app"
color-palette "colour palette", "color palette from hex"
favicon-gen "favicon", "generate icons"
icon-set-generator "icon set", "svg icons"
image-processing "resize image", "convert to webp"
ai-image-generator "generate image", "ai image", "hero image"
gws-setup "google workspace mcp", "set up gmail mcp"
gws-install "install google workspace", "connect gmail"
google-chat-messages "google chat webhook", "send chat message"
google-apps-script "apps script", "google sheets automation"
elevenlabs-agents "elevenlabs agent", "voice agent"
mcp-builder "build mcp server", "fastmcp"
nemoclaw-setup "install nemoclaw", "setup nemoclaw", "nvidia nemoclaw"
parcel-tracking "where's my parcel", "track my order", "tracking number"
stripe-payments "add payments", "stripe checkout", "subscription billing"
project-health "project health", "audit permissions"
project-docs "generate docs", "document architecture", "api docs"
app-docs "document the app", "user guide", "screenshot docs"
team-update "team update", "post to chat"
github-release "github release", "cut a release"
git-workflow "prepare pr", "clean branches"
ux-audit "ux audit", "dogfood the app"
responsiveness-check "check responsiveness", "test viewports"
deep-research "research this", "deep research", "explore the space"
onboarding-ux "onboarding", "empty states", "new user experience"
fork-discipline "fork discipline", "check the boundary", "core or client"
roadmap "roadmap", "plan the build", "delivery plan", "phase plan"
vitest "set up vitest", "add tests", "configure vitest", "migrate from jest"
shopify-setup "shopify setup", "connect shopify"
shopify-products "shopify products", "add products"
shopify-content "shopify pages", "shopify blog"
wordpress-setup "wordpress setup", "connect wordpress"
wordpress-content "wordpress post", "create page"
wordpress-elementor "elementor", "edit elementor page"
social-media-posts "social media post", "linkedin post", "instagram caption"
aussie-business-english "australian english", "write in aussie style"
us-business-english "american english", "us business writing"
uk-business-english "british english", "uk business writing"
nz-business-english "new zealand english", "nz business writing"
resume-cover-letter "write a resume", "cover letter"
proposal-writer "write a proposal", "client quote"
award-application "award application", "grant submission"
strategy-document "swot analysis", "business plan", "okrs"

Philosophy

Every skill must produce something. No knowledge dumps — only workflow recipes that create files, projects, or configurations.

Teach patterns, not ship scripts. Skills describe what to do; Claude generates scripts adapted to your environment.

Create Your Own

Use Anthropic's official skill-creator or ask Claude: "Create a new skill for [use case]"

See SKILL_SHAPE.md for the authoring shape (frontmatter, sections, what to leave out) and CLAUDE.md for repo development conventions.

History

Started as 105 skills — many were reference guides that Claude's training data made redundant.

  • v1 (tag: v1-final) — 105 skills, flat structure
  • v2 — restructured into installable plugins, "every skill must produce something"
  • v12 — 10 plugins, 44 skills
  • v13 — 11 plugins, 52 skills
  • SKILLCUT, Sep 2026 — seven Cloudflare scaffolders moved to archive/; vite-flare-starter stays

License

MIT

Questions

What is jezweb/claude-skills?

Skills for Claude Code CLI such as full stack dev Cloudflare, React, Tailwind v4, and AI integrations.

How do I install claude-skills?

Run "npx skills add jezweb/claude-skills" and choose the skills you want. Many packs also document their own install path (for example a Claude Code plugin marketplace) in the README below.

How many skills are in claude-skills?

63 SKILL.md skills. Alyn lists 30 of them with their own pages.