Claude Skills
repository·main·Indexed 41 days ago
https://github.com/secondsky/claude-skillsA 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.
What's inside Claude Skills
- 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).
Overview of the Microservices Patterns Skill
mainThe Microservices Patterns Skill is designed to assist in designing distributed systems. It provides guidance on establishing service boundaries, implementing event-driven communication, managing distributed data, and applying resilience patterns to ensure system reliability.Overview of the Cybersecurity skill
mainThe
cybersecurityskill 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.Overview of Cloudflare Queues Skill
mainThe Cloudflare Queues skill provides a complete knowledge domain for implementing asynchronous processing and background tasks using Cloudflare Queues on Workers. It covers queue creation viawrangler, producer patterns (send,sendBatch), consumer patterns (basic, explicit ack, DLQ, retry strategies), and advanced integrations like R2 event triggers and HTTP publishing.Overview of the Design Review Skill
mainThe 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").
Overview of TypeScript migration scripts
mainThe
typescript-migrationscripts 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 officialts5to6codemod, 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.
Overview of the Motion (Framer Motion) Skill
mainThe 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
LazyMotionto reduce bundle size from ~34 KB to ~4.6 KB.
Recommended Stack
- React: 18+ or 19+
- Next.js: 16+
- Vite: 6+
- Tailwind: v4
Overview of Cloudflare Workers AI capabilities
mainThe 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.
Overview of Nuxt UI v4 Pricing Components
mainNuxt UI v4 provides three specialized components for building SaaS pricing pages:
UPricingPlan: An individual pricing plan card.UPricingPlans: A responsive grid layout for displaying multiple plans.UPricingTable: A feature comparison table for detailed plan analysis.
Overview of Maz-UI core capabilities
mainMaz-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)
- Forms & Inputs:
Overview of Cloudflare Workers KV Skill
mainThe 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).
Overview of Hugo PaperMod features
mainHugo PaperMod is a fast, responsive, and fluent Hugo theme designed to extend the original
hugo-papertheme 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.