<Devsly/>
NotebookLM Watermark Remover
Remove the NotebookLM watermark from PDF slide exports — free, unlimited, and 100% in your browser.
View
NotebookLM Video Watermark Remover
Remove the NotebookLM watermark from every frame of your MP4 and auto-trim the end card — free and unlimited.
View
Gemini Watermark Remover
Remove the Gemini (Veo) sparkle watermark from every frame of your AI-generated MP4 — free and unlimited.
View
MCP https://devsly.io/mcp MCP Tools Best Skills API Docs
Devsly

Keyboard Shortcuts

Navigation

Quick Search
⌘ / Ctrl + K
Toggle Dark Mode
⌘ / Ctrl + D
Close Dialogs
Esc

Tool Actions

Execute / Process
⌘ / Ctrl + Enter
Clear Input
⌘ / Ctrl + Shift + C
Copy Output
⌘ / Ctrl + Shift + X

Editor

Select All
⌘ / Ctrl + A
Undo
⌘ / Ctrl + Z
Redo
⌘ / Ctrl + Shift + Z

Updated 4w ago

by jezweb

claude-skills

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

Works with
  • Claude
View on GitHub (opens in a new tab)

1.1k GitHub stars (1,100)

+50 in 30 days

Stars gained per day · daily snapshots since Sep 26
Stars gained per day, Sep 26 to Nov 6: +69 in total; the busiest day was Oct 6 with +11 stars.Sep 27: +1 starsSep 28: +1 starsSep 29: 0 starsSep 30: 0 starsOct 1: 0 starsOct 2: +1 starsOct 3: 0 starsOct 4: 0 starsOct 5: 0 starsOct 6: +11 starsOct 7: +5 starsOct 8: +1 starsOct 9: 0 starsOct 10: +4 starsOct 11: +2 starsOct 12: +1 starsOct 13: +1 starsOct 14: +3 starsOct 15: +1 starsOct 16: +2 starsOct 17: +3 starsOct 18: +1 starsOct 19: 0 starsOct 20: +1 starsOct 21: +2 starsOct 22: 0 starsOct 23: +1 starsOct 24: +1 starsOct 25: +1 starsOct 26: +1 starsOct 27: +3 starsOct 28: +5 starsOct 29: +3 starsOct 30: +2 starsOct 31: +1 starsNov 1: +3 starsNov 2: +1 starsNov 3: 0 starsNov 4: 0 starsNov 5: +2 starsNov 6: +4 stars
Stars gained between daily snapshots
PeriodNew stars
Sep 27+1
Sep 28+1
Sep 290
Sep 300
Oct 10
Oct 2+1
Oct 30
Oct 40
Oct 50
Oct 6+11
Oct 7+5
Oct 8+1
Oct 90
Oct 10+4
Oct 11+2
Oct 12+1
Oct 13+1
Oct 14+3
Oct 15+1
Oct 16+2
Oct 17+3
Oct 18+1
Oct 190
Oct 20+1
Oct 21+2
Oct 220
Oct 23+1
Oct 24+1
Oct 25+1
Oct 26+1
Oct 27+3
Oct 28+5
Oct 29+3
Oct 30+2
Oct 31+1
Nov 1+3
Nov 2+1
Nov 30
Nov 40
Nov 5+2
Nov 6+4
  • 30 skills (30 skills found in its SKILL.md files)
  • 112 forks (112 forks)
  • 4w ago last update (Last updated 4w ago)

Install

Skills CLI

npx skills add jezweb/claude-skills

Asks which skills and agents to install. Just one: npx skills add jezweb/claude-skills --skill vite-flare-starter — add -g for every project.

Claude Code

git clone https://github.com/jezweb/claude-skillscp -r "claude-skills/plugins/cloudflare/skills/vite-flare-starter" ~/.claude/skills/

Copies the vite-flare-starter skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.

Plugin

/plugin marketplace add jezweb/claude-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 63 files.

  • 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 setup.sh to clone, configure, and deploy. Use whenever the user wants a batteries-included Cloudflare full-stack app, vite-flare-starter scaffold, or a React + Cloudflare app with auth + database + Workers AI ready t…

    plugins/cloudflare/skills/vite-flare-starter/SKILL.md on GitHub (opens in a new tab)

  • 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 for transparent icons), the 5-part prompting framework, API calling patterns, multi-turn editing, and quality assurance. Produces photorealistic scenes, icons, illustrations, OG images, posters, infographics,…

    plugins/design-assets/skills/ai-image-generator/SKILL.md on GitHub (opens in a new tab)

  • 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. Use whenever the user supplies a brand hex and asks for a palette, mentions setting up a design system, wants Tailwind theme colours from a brand colour, or asks to check colour accessibility / contrast.

    plugins/design-assets/skills/color-palette/SKILL.md on GitHub (opens in a new tab)

  • 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 favicon, mentions replacing a CMS default favicon, converting a logo into a favicon, creating branded initials icons, or troubleshooting favicon not displaying / iOS black square / missing manifest.

    plugins/design-assets/skills/favicon-gen/SKILL.md on GitHub (opens in a new tab)

  • 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 project, or mentions needing SVG icons that look consistent together. Also trigger when the user describes a project and icons would naturally be part of the deliverable — e.g. 'I'm building a site for a plumber'…

    plugins/design-assets/skills/icon-set-generator/SKILL.md on GitHub (opens in a new tab)

  • 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 ImageMagick needed. Trigger with 'resize image', 'convert to webp', 'trim logo', 'optimise images', 'make thumbnail', 'create OG image', 'crop whitespace', 'process image', or 'image too large'.

    plugins/design-assets/skills/image-processing/SKILL.md on GitHub (opens in a new tab)

  • 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 instructions, annotated screenshots, workflow diagrams, and reference tables. Supports quick (key screens), standard (all pages), thorough (every state and flow), and exhaustive (publishable documentation suit…

    plugins/dev-tools/skills/app-docs/SKILL.md on GitHub (opens in a new tab)

  • 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, or the whole app — covering bugs, regressions, security, data consistency, UX/state bugs, performance risks, and testing gaps. Saves a severity-prioritised report to .jez/reviews/. Triggers: 'codex review', 'r…

    plugins/dev-tools/skills/codex-review/SKILL.md on GitHub (opens in a new tab)

  • 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, investigates technical options, and produces a comprehensive research brief. Three depths: focused (30 min), wide (1-2 hours), deep (3-6 hours). Triggers: 'research this', 'discovery', 'explore the space', 'what should…

    plugins/dev-tools/skills/deep-research/SKILL.md on GitHub (opens in a new tab)

  • 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 that replace instead of merge, scattered client code, migration conflicts, and missing extension points. Produces a boundary map, violation report, and refactoring plan. Optionally generates FORK.md documentation…

    plugins/dev-tools/skills/fork-discipline/SKILL.md on GitHub (opens in a new tab)

  • 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 conflicts, or tag a release.

    plugins/dev-tools/skills/git-workflow/SKILL.md on GitHub (opens in a new tab)

  • 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 with 'release', 'publish', 'open source', 'prepare for release', 'create release', or 'github release'.

    plugins/dev-tools/skills/github-release/SKILL.md on GitHub (opens in a new tab)

  • 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 get stuck, then produces the actual content and code to fix it. Pairs with ux-audit: audit finds problems, this skill builds the solutions. Triggers: 'onboarding', 'help content', 'empty states', 'user guidanc…

    plugins/dev-tools/skills/onboarding-ux/SKILL.md on GitHub (opens in a new tab)

  • 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, structured docs. Use when starting a project, onboarding contributors, or when docs are missing or stale. Triggers: 'generate docs', 'document architecture', 'create api docs', 'document schema', 'project documentat…

    plugins/dev-tools/skills/project-docs/SKILL.md on GitHub (opens in a new tab)

  • 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 coverage, leaked secrets, stale docs), tidies accumulated cruft, captures session learnings, and adds permission presets. Uses sub-agents for heavy analysis to keep main context clean. Trigger with 'project health',…

    plugins/dev-tools/skills/project-health/SKILL.md on GitHub (opens in a new tab)

  • 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 changes, nav switches, overflow). Produces comparison reports showing exactly where layouts break. Trigger with 'responsiveness check', 'check responsive', 'breakpoint test', 'viewport test', 'responsive sweep', '…

    plugins/dev-tools/skills/responsiveness-check/SKILL.md on GitHub (opens in a new tab)

  • roadmap

    Plan and execute entire application builds. Generates phased delivery roadmaps, then executes them autonomously — phase by phase, committing at milestones, deploying, testing, and continuing until done or stuck. Modes: plan (generate roadmap), start (begin executing), resume (continue from where you left off), status (show progress). Triggers: 'roadmap', 'start building', 'resume the build', 'kee…

    plugins/dev-tools/skills/roadmap/SKILL.md on GitHub (opens in a new tab)

  • 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 playbook; subsequent runs execute from the playbook. Trigger with 'team update', 'post update', 'sync with team', 'standup', 'check team chat', 'feedback loop', 'project update', 'what did the team say'.

    plugins/dev-tools/skills/team-update/SKILL.md on GitHub (opens in a new tab)

  • 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 verdict — a sweep that didn't interact terminates with verdict 'Incomplete'. Walks threads, exercises every element, runs the multi-pane stress matrix, visual polish sweep, component perfection checklist, automate…

    plugins/dev-tools/skills/ux-audit/SKILL.md on GitHub (opens in a new tab)

  • 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 converge (strong signal), where they diverge (genuine design choice), what's unique to one app, and what's absent across the set. Produces an opinionated comparison document with recommendations for a new build…

    plugins/dev-tools/skills/ux-compare/SKILL.md on GitHub (opens in a new tab)

  • 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, responsive treatments, motion, and empty/error/loading states. Produces a reusable pattern library that other audits can compare against. The inverse of ux-audit — asks 'what is the bar?' rather than 'does this match t…

    plugins/dev-tools/skills/ux-extract/SKILL.md on GitHub (opens in a new tab)

  • 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 patterns, coverage config, workspace setup, Jest migration. Use whenever the user mentions adding tests, setting up Vitest, configuring tests, migrating from Jest, fixing testing infrastructure, or asks 'how do I test…

    plugins/dev-tools/skills/vitest/SKILL.md on GitHub (opens in a new tab)

  • 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, verifies visually, then writes the next task to keep the loop alive. Use whenever the user asks to build an entire site autonomously, build all pages of a site, generate multiple pages in sequence, or run a 'design…

    plugins/frontend/skills/design-loop/SKILL.md on GitHub (opens in a new tab)

  • 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 usability) — this checks whether it looks professional and polished. Produces a design findings report with screenshots. Triggers: 'design review', 'does this look good', 'review the design', 'check the layout…

    plugins/frontend/skills/design-review/SKILL.md on GitHub (opens in a new tab)

  • 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 automation and HTML inspection. Produces a semantic design system document optimised for consistent page generation. Triggers: 'extract design system', 'design system', 'create DESIGN.md', 'analyse the design', 'what…

    plugins/frontend/skills/design-system/SKILL.md on GitHub (opens in a new tab)

  • 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 tags. Sections: hero with CTA, features, social proof, pricing (optional), FAQ, footer. Use when building a marketing page, product launch page, coming soon page, or any standalone landing page. Triggers: 'landi…

    plugins/frontend/skills/landing-page/SKILL.md on GitHub (opens in a new tab)

  • 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 app, captures screens and sequences, and produces a deployable site that actually teaches people what the product does. Especially useful for complex or agentic apps that are hard to explain. Triggers: 'showcas…

    plugins/frontend/skills/product-showcase/SKILL.md on GitHub (opens in a new tab)

  • 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, and Expo workflows. Use when building or reviewing React Native code. Triggers: 'react native', 'expo', 'mobile app', 'react native performance', 'flatlist', 'reanimated', 'expo router', 'mobile development', 'i…

    plugins/frontend/skills/react-native/SKILL.md on GitHub (opens in a new tab)

  • 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, composition over boolean props, server/client boundaries, and React 19 APIs. Use when writing, reviewing, or refactoring React components. Triggers: 'react patterns', 'react review', 'react performance', 'optimis…

    plugins/frontend/skills/react-patterns/SKILL.md on GitHub (opens in a new tab)

  • 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 recipes (forms, data tables, navigation, modals). Use after tailwind-theme-builder has set up the theme infrastructure, when adding components, building forms, creating data tables, or setting up navigation.

    plugins/frontend/skills/shadcn-ui/SKILL.md on GitHub (opens in a new tab)

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.