Claude Skills

repository·main·Indexed 41 days ago

https://github.com/secondsky/claude-skills

A collection of 145 production-ready skills for Claude Code CLI and other AI coding agents (Codex, Cursor, etc.). Version 3.9.0 provides specialized knowledge, templates, and scripts for technologies including Cloudflare, React, Tailwind v4, and modern web development, as well as specific implementations for Aceternity UI and API design principles.

Tokens
1.3M
Snippets
3.5K
Records
4.7K
Agent score
74%

What's inside Claude Skills

  1. Overview of the Sequential Thinking Skill

    main
    The Sequential Thinking Skill is a structured problem-solving capability that allows Claude to perform iterative reasoning. It enables the model to break complex problems into sequential steps, dynamically adjust the scope of its reasoning, revise previous conclusions, and explore alternative reasoning paths (branching).
  2. Overview of the Cybersecurity skill

    main

    The cybersecurity skill is an OSS-only unified toolset designed to analyze, test, and harden software security using exclusively open-source tooling. It is intended for finding, analyzing, and threat-modeling vulnerabilities rather than just fixing them.

    Core Capabilities:

    • Web Vulnerability Testing: XSS, business logic, Host header, open redirect, forced browsing, SSRF, and CSRF.
    • Code Audit & SAST: Secure code review across any language.
    • Threat Modeling: STRIDE, PASTA, VAST, and MITRE ATT&CK mapping.
    • AI/LLM Security: Prompt injection, OWASP LLM Top 10, and agent safety.
    • Detection Engineering: Sigma rules and MITRE ATT&CK gap analysis.
    • Incident Response: Reasoning for ransomware, breaches, and anomaly triage.

    Note on Tooling: This skill prioritizes open-source alternatives (e.g., nuclei, ffuf, owasp-zap, dalfox, semgrep) over paid tools like Burp Suite or Nessus.

  3. Overview of Cloudflare Queues Skill

    main
    The Cloudflare Queues skill provides a complete knowledge domain for implementing asynchronous processing and background tasks using Cloudflare Queues on Workers. It covers queue creation via wrangler, producer patterns (send, sendBatch), consumer patterns (basic, explicit ack, DLQ, retry strategies), and advanced integrations like R2 event triggers and HTTP publishing.
  4. Overview of the Design Review Skill

    main

    The Design Review Skill is a production-ready tool designed to conduct comprehensive, systematic design reviews on frontend code changes. It uses a 7-phase methodology (inspired by Stripe, Airbnb, and Linear) to evaluate interaction flows, responsiveness, visual polish, accessibility (WCAG 2.1 AA), robustness, code health, and content/console errors.

    Key Features

    • Automated browser testing: Uses Playwright MCP or Chrome DevTools to test live environments.
    • Evidence-based feedback: Requires screenshots for all visual issues identified.
    • Triage-based reporting: Categorizes issues into Blocker, High, Medium, and Nitpick.
    • Framework-agnostic: Works with React, Vue, Svelte, or vanilla JS.
    • Problem-focused: Describes the impact of an issue rather than prescribing a specific code fix (e.g., "The spacing is inconsistent" instead of "Change margin to 16px").
  5. Overview of TypeScript migration scripts

    main

    The typescript-migration scripts are read-only detection and audit helpers designed to assist in migrating TypeScript projects. They do not modify user source code. The only external mutation permitted is the official ts5to6 codemod, which must be invoked separately with explicit user approval.

    These scripts help identify the current TypeScript version, detect potential breaking changes in TS 7, scan for TS 6 deprecations, and compare diagnostic counts between TS 6 and TS 7.

  6. Overview of the Motion (Framer Motion) Skill

    main

    The Motion skill provides a production-ready setup for Motion (formerly Framer Motion), the industry-standard React animation library. It is designed to handle complex declarative animations, gesture controls, scroll effects, spring physics, layout transitions, and SVG manipulation.

    Core Capabilities

    • Gesture Controls: drag, hover, tap, pan, and focus with cross-device support.
    • Scroll Animations: viewport-triggered, scroll-linked, and parallax effects using the ScrollTimeline API.
    • Layout Animations: FLIP technique and shared element transitions using layoutId.
    • Spring Physics: Natural, customizable physics-based motion.
    • SVG Animations: Path morphing, line drawing, and attribute animation.
    • Exit Animations: Smooth unmounting transitions using AnimatePresence.
    • Bundle Optimization: Supports LazyMotion to reduce bundle size from ~34 KB to ~4.6 KB.
    • React: 18+ or 19+
    • Next.js: 16+
    • Vite: 6+
    • Tailwind: v4
  7. Overview of Cloudflare Workers AI capabilities

    main

    The Cloudflare Workers AI skill covers a wide range of AI tasks including:

    • Text Generation (LLMs): Llama 3.1/3.2, Qwen, Mistral, DeepSeek (50+ models).
    • Streaming Responses: Real-time text generation.
    • Text Embeddings: BGE models for RAG and semantic search.
    • Image Generation: Flux, Stable Diffusion XL.
    • Vision Models: Llama 3.2 Vision for image understanding.
    • AI Gateway Integration: Caching, logging, and cost tracking.
    • OpenAI Compatibility: Drop-in replacement for OpenAI API.
    • RAG Patterns: Retrieval Augmented Generation examples.
    • Function Calling: Embedded function calling with tools.
    • Vercel AI SDK: Integration via workers-ai-provider.
  8. Overview of Maz-UI core capabilities

    main

    Maz-UI v4 provides a wide range of tools for Vue 3 and Nuxt 3 development:

    🎨 Components

    • Forms & Inputs: MazInput, MazSelect, MazTextarea, MazCheckbox, MazRadio, MazSwitch, MazSlider, MazInputPhoneNumber, MazInputCode, MazInputPrice, MazInputTags, MazDatePicker, MazChecklist.
    • UI Elements: MazBtn, MazCard, MazBadge, MazAvatar, MazIcon, MazSpinner, MazTable, MazTabs, MazStepper, MazPagination.
    • Overlays & Modals: MazDialog, MazDialogConfirm, MazDrawer, MazBottomSheet, MazBackdrop, MazPopover, MazDropdown.
    • Feedback & Animation: MazFullscreenLoader, MazLoadingBar, MazCircularProgressBar, MazReadingProgressBar, MazAnimatedText, MazAnimatedElement, MazAnimatedCounter, MazCardSpotlight.
    • Layout & Display: MazCarousel, MazGallery, MazAccordion, MazExpandAnimation, MazLazyImg, MazPullToRefresh, MazChart.

    🔧 Composables

    • Theming: useTheme()
    • Translations: useTranslations()
    • UI Interactions: useToast(), useDialog(), useWait()
    • Utilities: useBreakpoints(), useWindowSize(), useTimer(), useFormValidator(), useIdleTimeout(), useUserVisibility(), useSwipe(), useReadingTime(), useStringMatching(), useDisplayNames()

    📌 Directives

    • v-tooltip, v-click-outside, v-lazy-img, v-zoom-img, v-fullscreen-img

    🔌 Plugins

    • AOS (Animations on scroll), Dialog, Toast, Wait (Global loading states)
  9. Overview of Cloudflare Workers KV Skill

    main

    The Cloudflare Workers KV skill provides a complete knowledge domain for using Cloudflare Workers KV, a global, low-latency key-value storage system on the Cloudflare edge network. It covers namespace management, CRUD operations, bulk operations, metadata storage, TTL/expiration, and performance optimization patterns.

    When to use this skill

    • Use it for: Storing configuration, feature flags, API response caches, user preferences, session data, authentication tokens (JWT), routing tables, or global application state.
    • Do NOT use it for: Scenarios requiring strong consistency or atomic operations (use Durable Objects), relational data (use cloudflare-d1), large file storage (use cloudflare-r2), or vector search (use cloudflare-vectorize).
  10. Overview of Hugo PaperMod features

    main

    Hugo PaperMod is a fast, responsive, and fluent Hugo theme designed to extend the original hugo-paper theme with more customization options. It uses Hugo's native asset generator for fingerprinting, bundling, and minification, meaning it requires no Node.js or Webpack dependencies for editing.

    Key Features:

    • Display Modes: Supports Regular Mode (default), Home-Info Mode, and Profile Mode.
    • Navigation & Discovery: Table of Contents generation, Archive of posts, Breadcrumb navigation, and Menu location indicators.
    • Content Enhancements: Cover images with responsive support, Multiple Author support, and Code Block Copy buttons.
    • Search & SEO: SEO friendly with a Search Page powered by Fuse.js.
    • Theming: Automatic Light/Dark theme switching based on browser settings, plus a manual theme-switch button.
    • Social & Multilingual: Social Icons (for Home-Info and Profile modes), Social-Media Share buttons on posts, and Multilingual support with a language selector.