Agent Skills 排行榜 · 关键词 + 语义搜索

/ 聚焦搜索框
正在使用 AI 进行语义搜索...
20,000
总 Skills
16.0M
总安装量
2,338
贡献者
# Skill 仓库 描述 安装量
5701 capacitor-plugins cap-go/capacitor-skills
Capacitor Plugins Directory This skill provides a comprehensive catalog of Capgo's Capacitor plugins. Use this when helping users add native functionality to their mobile apps. When to Use This Skill User asks "which plugin should I use for X?" User needs native functionality (camera, biometrics, payments, etc.) User is building a new Capacitor feature User wants to compare plugin options Plugin Categories Authentication & Security Plugin Package Description Native Biometric @capgo/capacitor-n...
151
5702 xml-sitemap kostja94/marketing-skills
SEO Technical: Sitemap Guides sitemap creation, auditing, and optimization for search engine discovery. When invoking : On first use , if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. Scope (Technical SEO) Sitemap : Create XML sitemap; submit to Google Search Console URL discovery : Help search engines find pages; especially important for large sites or ...
151
5703 eeat-signals kostja94/marketing-skills
SEO Content: E-E-A-T Signals Guides E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness) implementation for SEO. E-E-A-T helps search engines and users assess content quality; YMYL topics (health, finance, legal) require higher E-E-A-T. When invoking : On first use , if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. What Is E-E-A-T Element ...
151
5704 bullmq-specialist davila7/claude-code-templates
BullMQ Specialist You are a BullMQ expert who has processed billions of jobs in production. You understand that queues are the backbone of scalable applications - they decouple services, smooth traffic spikes, and enable reliable async processing. You've debugged stuck jobs at 3am, optimized worker concurrency for maximum throughput, and designed job flows that handle complex multi-step processes. You know that most queue problems are actually Redis problems or application design problems. Yo...
151
5705 viral-hook-creator ognjengt/founder-skills
Viral Hook Creator Purpose Generate 3-5 viral hook options using proven psychological patterns that create curiosity, provide value, and drive engagement. Hooks are optimized for social platforms (X/Twitter, LinkedIn, Instagram, TikTok). Execution Logic Check $ARGUMENTS first to determine execution mode: If $ARGUMENTS is empty or not provided: Respond with: "viral-hook-creator loaded, proceed with additional instructions" Then wait for the user to provide their requirements in the next message. ...
151
5706 nodejs-backend-patterns sickn33/antigravity-awesome-skills
Node.js Backend Patterns Comprehensive guidance for building scalable, maintainable, and production-ready Node.js backend applications with modern frameworks, architectural patterns, and best practices. When to Use This Skill Building REST APIs or GraphQL servers Creating microservices with Node.js Implementing authentication and authorization Designing scalable backend architectures Setting up middleware and error handling Integrating databases (SQL and NoSQL) Building real-time applications ...
151
5707 dd-logs datadog-labs/agent-skills
Datadog Logs Search, process, and archive logs with cost awareness. Prerequisites Datadog Pup (dd-pup/pup) should already be installed: go install github.com/datadog-labs/pup@latest Quick Start pup auth login Search Logs Basic search pup logs search --query = "status:error" --from = "1h" With filters pup logs search --query = "service:api status:error" --from = "1h" --limit 100 JSON output pup logs search --query = "@http.status_code:>=500" --from = "1h" --json Search Syntax Query Meaning err...
151
5708 webhook-development aj-geddes/useful-ai-prompts
Webhook Development Overview Build reliable webhook systems with event delivery, signature verification, retry logic, and dead-letter handling for asynchronous integrations. When to Use Sending real-time notifications to external systems Implementing event-driven architectures Integrating with third-party platforms Building audit trails and logging systems Triggering automated workflows Delivering payment or order notifications Instructions 1. Webhook Event Schema { "id": "evt_1234567890", ...
151
5709 refactoring-patterns wondelai/skills
Refactoring Patterns Framework A disciplined approach to improving the internal structure of existing code without changing its observable behavior. Apply these named transformations when reviewing code, reducing technical debt, or preparing code for new features. Every refactoring follows the same loop: verify tests pass, apply one small structural change, verify tests still pass. Core Principle Refactoring is not rewriting. It is a sequence of small, behavior-preserving transformations, each b...
151
5710 ordercli steipete/clawdis
ordercli Use ordercli to check past orders and track active order status (Foodora only right now). Quick start (Foodora) ordercli foodora countries ordercli foodora config set --country AT ordercli foodora login --email you@example.com --password-stdin ordercli foodora orders ordercli foodora history --limit 20 ordercli foodora history show <orderCode> Orders Active list (arrival/status): ordercli foodora orders Watch: ordercli foodora orders --watch Active order detail: ordercli foodora order <...
151
5711 axiom-swiftui-animation-ref charleswiltgen/axiom
SwiftUI Animation Overview Comprehensive guide to SwiftUI's animation system, from foundational concepts to advanced techniques. This skill covers the Animatable protocol, the iOS 26 @Animatable macro, animation types, and the Transaction system. Core principle Animation in SwiftUI is mathematical interpolation over time, powered by the VectorArithmetic protocol. Understanding this foundation unlocks the full power of SwiftUI's declarative animation system. When to Use This Skill Implementing...
151
5712 markdown-tools daymade/claude-code-skills
Markdown Tools Convert documents to high-quality markdown with intelligent multi-tool orchestration. Dual Mode Architecture Mode Speed Quality Use Case Quick (default) Fast Good Drafts, simple documents Heavy Slower Best Final documents, complex layouts Quick Start Installation Required: PDF/DOCX/PPTX support uv tool install "markitdown[pdf]" pip install pymupdf4llm brew install pandoc Basic Conversion Quick Mode (default) - fast, single best tool uv run --with pymupdf4llm --with markitdown...
151
5713 react-native-architecture sickn33/antigravity-awesome-skills
React Native Architecture Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture. When to Use This Skill Starting a new React Native or Expo project Implementing complex navigation patterns Integrating native modules and platform APIs Building offline-first mobile applications Optimizing React Native performance Setting up CI/CD for mobile releases Core Concepts 1. Project Structure src/ ├── app/ ...
151
5714 dynamics-crm membranedev/application-skills
Microsoft Dynamics 365 Microsoft Dynamics 365 is a suite of CRM and ERP applications used by businesses to manage customer relationships, sales, marketing, and operations. It helps sales, marketing, and service teams to streamline their processes and improve customer engagement. Think of it as a competitor to Salesforce. Official docs: https://learn.microsoft.com/en-us/dynamics365/ Microsoft Dynamics 365 Overview Account Contact Lead Opportunity Use action names and parameters as needed. Working...
151
5715 pr-comments casper-studios/casper-marketplace
PR Comments — Triage & Fix Fetch all unresolved PR review threads, deduplicate across bots, triage by severity, and produce a fix plan for human approval. After sign-off, resolve ignored threads and spawn subagents to fix real issues. Invocation /pr-comments — auto-detect PR from current branch /pr-comments 608 — specific PR number Phase 1: Fetch Unresolved Threads 1a. Identify the PR Auto-detect from current branch, or use the provided PR number gh pr view --json number,headRepositoryOwner,tit...
151
5716 sentencepiece davila7/claude-code-templates
SentencePiece - Language-Independent Tokenization Unsupervised tokenizer that works on raw text without language-specific preprocessing. When to use SentencePiece Use SentencePiece when: Building multilingual models (no language-specific rules) Working with CJK languages (Chinese, Japanese, Korean) Need reproducible tokenization (deterministic vocabulary) Want to train on raw text (no pre-tokenization needed) Require lightweight deployment (6MB memory, 50k sentences/sec) Performance: Speed...
151
5717 mobile-security-coder sickn33/antigravity-awesome-skills
Use this skill when Working on mobile security coder tasks or workflows Needing guidance, best practices, or checklists for mobile security coder Do not use this skill when The task is unrelated to mobile security coder You need a different domain or tool outside this scope Instructions Clarify goals, constraints, and required inputs. Apply relevant best practices and validate outcomes. Provide actionable steps and verification. If detailed examples are required, open resources/implementation-pl...
151
5718 robots-txt kostja94/marketing-skills
SEO Technical: robots.txt Guides configuration and auditing of robots.txt for search engine and AI crawler control. When invoking : On first use , if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. Scope (Technical SEO) Robots.txt : Review Disallow/Allow; avoid blocking important pages Crawler access : Ensure crawlers (including AI crawlers) can access key...
151
5719 open-graph kostja94/marketing-skills
SEO On-Page: Open Graph Guides implementation of Open Graph meta tags for social media previews (Facebook, LinkedIn, Slack, Discord, etc.). Pages with proper OG tags get 2–3× more clicks than bare URL links. When invoking : On first use , if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. Scope (Social Sharing) Open Graph : Facebook-originated protocol; co...
150
5720 project-workspace-cleaner gaelic-ghost/productivity-skills
Project Workspace Cleaner Run a read-only scan over repositories in a workspace root and rank cleanup chores by severity. Inputs Optional CLI overrides: --workspace --min-mb --stale-days --max-findings --config --json Config precedence: CLI flags config/customization.yaml config/customization.template.yaml script defaults Workflow Resolve settings using the documented precedence. Run scripts/scan_workspace_cleanup.py . Record skipped paths when traversal or stat operations fail, then continue sc...
150
5721 ra-qm-skills alirezarezvani/claude-skills
Regulatory Affairs & Quality Management Skills 12 production-ready compliance skills for HealthTech and MedTech organizations. Quick Start Claude Code /read ra-qm-team/regulatory-affairs-head/SKILL.md Codex CLI npx agent-skills-cli add alirezarezvani/claude-skills/ra-qm-team Skills Overview Skill Folder Focus Regulatory Affairs Head regulatory-affairs-head/ FDA/MDR strategy, submissions Quality Manager (QMR) quality-manager-qmr/ QMS governance, management review Quality Manager (ISO 13485) quali...
150
5722 axiom-ios-performance charleswiltgen/axiom
iOS Performance Router You MUST use this skill for ANY performance issue including memory leaks, slow execution, battery drain, or profiling. When to Use Use this router when: App feels slow or laggy Memory usage grows over time Battery drains quickly Device gets hot during use High energy usage in Battery Settings Diagnosing performance with Instruments Memory leaks or retain cycles App crashes with memory warnings Routing Logic Memory Issues Memory leaks (Swift) → /skill axiom-memory-debu...
150
5723 git-advanced geoffjay/claude-plugins
Git Advanced Operations Skill This skill provides comprehensive guidance on advanced git operations, sophisticated rebase strategies, commit surgery techniques, and complex history manipulation for experienced git users. When to Use Activate this skill when: Performing complex interactive rebases Rewriting commit history Splitting or combining commits Advanced merge strategies Cherry-picking across branches Commit message editing in history Author information changes Complex conflict resolution ...
150
5724 rdkit davila7/claude-code-templates
RDKit Cheminformatics Toolkit Overview RDKit is a comprehensive cheminformatics library providing Python APIs for molecular analysis and manipulation. This skill provides guidance for reading/writing molecular structures, calculating descriptors, fingerprinting, substructure searching, chemical reactions, 2D/3D coordinate generation, and molecular visualization. Use this skill for drug discovery, computational chemistry, and cheminformatics research tasks. Core Capabilities 1. Molecular I/O an...
150
5725 aeo-optimization alinaqi/claude-bootstrap
AI Engine Optimization (AEO) Skill Load with: base.md + web-content.md + site-architecture.md Purpose: Optimize content for AI engines (ChatGPT, Claude, Perplexity, Google AI Overviews) so your brand gets cited in AI-generated answers. Source: Based on HubSpot's AEO Guide and industry best practices. Why AEO Matters Now ┌────────────────────────────────────────────────────────────────┐ │ THE GREAT DECOUPLING │ │ ─────────────────────────────────────...
150
5726 codebase-cleanup-deps-audit sickn33/antigravity-awesome-skills
Dependency Audit and Security Analysis You are a dependency security expert specializing in vulnerability scanning, license compliance, and supply chain security. Analyze project dependencies for known vulnerabilities, licensing issues, outdated packages, and provide actionable remediation strategies. Use this skill when Auditing dependencies for vulnerabilities Checking license compliance or supply-chain risks Identifying outdated packages and upgrade paths Preparing security reports or remedia...
150
5727 manga-drama freestylefly/canghe-skills
漫剧生成器 基于 Seedance 视频生成能力,专门用于创作 漫画风格的短剧 (漫剧)。 核心功能 主角识别 :分析提供的角色图片,提取角色特征 自动分镜 :根据主题自动生成漫剧分镜脚本 图生视频 :以主角图片为基础生成各分镜视频 漫画风格 :内置漫画风格提示词模板 分镜管理 :支持自定义分镜脚本 前置要求 需要设置 ARK_API_KEY 环境变量。 配置方式(推荐) 复制配置模板: cp .canghe-skills/.env.example .canghe-skills/.env 编辑 .canghe-skills/.env 文件,填写你的 API Key: ARK_API_KEY=your-actual-api-key-here 或使用环境变量 export ARK_API_KEY = "your-api-key" 加载优先级 系统环境变量 ( process.env ) 当前目录 .canghe-skills/.env 用户主目录 ~/.canghe-skills/.env 需要依赖技能: seedance-video-generation 使用方法 1. 快速生成漫剧(推...
150
5728 localization-strategy kostja94/marketing-skills
Strategies: Localization Guides localization strategy for AI/SaaS products expanding into global markets. Covers i18n implementation, translation, pricing, and marketing adaptation--not just text translation. When invoking : On first use , if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. Initial Assessment Check for product marketing context first: If .c...
150
5729 grafana-dashboard aj-geddes/useful-ai-prompts
Grafana Dashboard Overview Design and implement comprehensive Grafana dashboards with multiple visualization types, variables, and drill-down capabilities for operational monitoring. When to Use Creating monitoring dashboards Building operational insights Visualizing time-series data Creating drill-down dashboards Sharing metrics with stakeholders Instructions 1. Grafana Dashboard JSON { "dashboard": { "title": "Application Performance", "description": "Real-time application metrics"...
150
5730 gemini-guide jezweb/claude-skills
Gemini Guide Look up Gemini API documentation and SDK patterns when building with Google Gemini. This skill brings Gemini docs TO Claude — it does not call Gemini. Skill Direction Tool gemini-guide (this) Gemini docs -> Claude WebFetch, local docs gemini-peer-review Code -> Gemini Direct Gemini API Documentation Sources Check in this priority order: Priority Source Best For 1 GitHub codegen_instructions Always-current SDK patterns — fetch https://raw.githubusercontent.com/googleapis/js-genai/ref...
150
5731 ui-design shajith003/awesome-claude-skills
When to use this skill Use this skill for frontend UI design and interface creation in any project that requires: Creating web pages or interfaces Creating mini-program pages or interfaces Designing frontend components Creating prototypes or interfaces Handling styling and visual effects Any development task involving user interfaces Do NOT use for: Backend logic or API design Database schema design (use data-model-creation skill) Pure business logic without UI components How to use this skill (...
150
5732 gpui-async longbridge/gpui-component
Overview GPUI provides integrated async runtime for foreground UI updates and background computation. Key Concepts: Foreground tasks: UI thread, can update entities (cx.spawn) Background tasks: Worker threads, CPU-intensive work (cx.background_spawn) All entity updates happen on foreground thread Quick Start Foreground Tasks (UI Updates) impl MyComponent { fn fetch_data(&mut self, cx: &mut Context<Self>) { let entity = cx.entity().downgrade(); cx.spawn(async move |cx| { ...
150
5733 jackyshen-gen-short-video-script mebusw/awesome-jackyshen-skills
Short Video Script Generator Generate platform-optimized short video scripts that capture attention, deliver value quickly, and encourage engagement. Script Structure by Duration Ultra-Short (15-30s) Hook (3s) → Content (20s) → CTA (2s) Standard (30-60s) Hook (3-5s) → Problem (5-10s) → Solution (15-30s) → Proof (5-10s) → CTA (3-5s) Extended (1-3min) Hook (5s) → Problem (10s) → Solution (60-120s) → Proof (15s) → Application (20s) → CTA (5s) Hook Formulas Type Formula Example Provocative "You thin...
150
5734 railway-projects davila7/claude-code-templates
Railway Project Management List, switch, and configure Railway projects. When to Use User asks "show me all my projects" or "what projects do I have" User asks about projects across workspaces User asks "what workspaces do I have" User wants to switch to a different project User asks to rename a project User wants to enable/disable PR deploys User wants to make a project public or private User asks about project settings List Projects The railway list --json output can be very large. Run in a...
150
5735 mastering-animate-presence raphaelsalaja/userinterface-wiki
Mastering Animate Presence When elements leave the DOM, they're gone—no way to animate something that doesn't exist. Motion's AnimatePresence solves this by keeping departing elements mounted long enough to animate out. When to Apply Reference these guidelines when: Animating elements on unmount Coordinating parent-child exit animations Building modals, dialogs, or dismissible content Implementing directional or context-aware transitions Deciding between CSS @starting-style and AnimatePresen...
150
5736 code-review:review-local-changes neolabhq/context-engineering-kit
Local Changes Review Instructions You are an expert code reviewer conducting a thorough evaluation of local uncommitted changes. Your review must be structured, systematic, and provide actionable feedback including improvement suggestions. Review Aspects (optional): "$ARGUMENTS" IMPORTANT : Skip reviewing changes in spec/ and reports/ folders unless specifically asked. Review Workflow Run a comprehensive code review of local uncommitted changes using multiple specialized agents, each focusing on...
150
5737 mongodb-development mindrally/skills
MongoDB Development You are an expert in MongoDB development with Payload CMS, Mongoose, and Node.js. Core Expertise Areas Fullstack TypeScript with Payload CMS, MongoDB, and Node.js, enabling scalable backend services for multiple frontend applications including React Native, Remix.js, and Next.js. Technology Stack Backend: Payload CMS, MongoDB, Node.js, Express, TypeScript Frontend: Next.js, React, React Native, Remix.js Database: MongoDB, Mongoose, MongoDB Atlas, aggregation pipelines API...
150
5738 agentic-development alinaqi/claude-bootstrap
Agentic Development Skill Load with: base.md + llm-patterns.md + [language].md For building autonomous AI agents that perform multi-step tasks with tools. Sources: Claude Agent SDK | Anthropic Claude Code Best Practices | Pydantic AI | Google Gemini Agent Development | OpenAI Building Agents Framework Selection by Language Language/Framework Default Why Python Pydantic AI Type-safe, Pydantic validation, multi-model, production-ready Node.js / Next.js Claude Agent SDK Official Anthropic SDK, ...
150
5739 typescript-write metabase/metabase
TypeScript/JavaScript Development Skill @./../_shared/development-workflow.md @./../_shared/typescript-commands.md
150
5740 mcp-server-skills gocallum/nextjs16-agent-skills
Links Model Context Protocol: https://modelcontextprotocol.io/ mcp-handler (HTTP): https://www.npmjs.com/package/mcp-handler Reference implementation (Roll Dice): https://github.com/gocallum/rolldice-mcpserver Claude Desktop + mcp-remote bridge: https://www.npmjs.com/package/mcp-remote Folder Structure (Next.js App Router) app/ api/[transport]/route.ts One handler for all transports (e.g., /api/mcp) actions/mcp-actions.ts Server actions reusing the same logic/schemas lib/ dice.ts |...
150
5741 angular-best-practices-signalstore alfredoperez/angular-best-practices
Angular SignalStore Best Practices NgRx SignalStore rules for signal-based local and feature state management. Use with the core angular-best-practices skill for comprehensive Angular coverage. Links Core Skill: angular-best-practices Browse All Skills GitHub Repository When to Apply Creating or modifying SignalStore-based state management Integrating RxJS side effects with rxMethod Managing collections with withEntities Rules Rule Impact Description Use rxMethod for RxJS Integration MEDIUM Debo...
150
5742 roier-seo davila7/claude-code-templates
Roier SEO - Technical SEO Auditor & Fixer AI-powered SEO optimization skill that audits websites and automatically implements fixes. When to use this skill Use Roier SEO when: User asks to "audit my site" or "check SEO" User wants to "improve performance" or "fix SEO issues" User mentions "lighthouse", "pagespeed", or "core web vitals" User wants to add/fix meta tags, structured data, or accessibility User has a local dev server and wants SEO analysis Key features: Full Audits: Lighthouse ...
150
5743 isms-audit-expert davila7/claude-code-templates
ISMS Audit Expert Internal and external ISMS audit management for ISO 27001 compliance verification, security control assessment, and certification support. Table of Contents Audit Program Management Audit Execution Control Assessment Finding Management Certification Support Tools References Audit Program Management Risk-Based Audit Schedule Risk Level Audit Frequency Examples Critical Quarterly Privileged access, vulnerability management, logging High Semi-annual Access control, incident respon...
150
5744 migrating-to-tuist-generated-projects tuist/agent-skills
Migrating to Tuist Generated Projects Quick Start Baseline build and run the app with xcodebuild. Inventory targets, build settings, and external dependencies. Create Tuist.swift , Project.swift , and Tuist/Package.swift . Extract settings into .xcconfig files and wire them in Project.swift . Generate and build: tuist generate --no-open then xcodebuild build . Fix build issues, regenerate, and validate runtime on a simulator. Preflight Checklist Primary app scheme and any extension/test schemes ...
150
5745 axiom-ios-ui charleswiltgen/axiom
iOS UI Router You MUST use this skill for ANY iOS UI work including SwiftUI, UIKit, layout, navigation, animations, and design. When to Use Use this router when working with: SwiftUI views, state, bindings UIKit views and constraints Layout issues (Auto Layout, SwiftUI layout) Navigation (NavigationStack, deep linking) Animations and transitions Liquid Glass design (iOS 26+) Apple Human Interface Guidelines UI architecture and patterns Accessibility UI issues Conflict Resolution ios-ui vs i...
150
5746 deepinit yeachan-heo/oh-my-claudecode
Deep Init Skill Creates comprehensive, hierarchical AGENTS.md documentation across the entire codebase. Core Concept AGENTS.md files serve as AI-readable documentation that helps agents understand: What each directory contains How components relate to each other Special instructions for working in that area Dependencies and relationships Hierarchical Tagging System Every AGENTS.md (except root) includes a parent reference tag: <!-- Parent: ../AGENTS.md --> This creates a navigable hierar...
150
5747 gpui-layout-and-style longbridge/gpui-component
Overview GPUI provides CSS-like styling with Rust type safety. Key Concepts: Flexbox layout system Styled trait for chaining styles Size units: px(), rems(), relative() Colors, borders, shadows Quick Start Basic Styling use gpui::*; div() .w(px(200.)) .h(px(100.)) .bg(rgb(0x2196F3)) .text_color(rgb(0xFFFFFF)) .rounded(px(8.)) .p(px(16.)) .child("Styled content") Flexbox Layout div() .flex() .flex_row() // or flex_col() for column .gap(px(8.)) .it...
150
5748 ai-traffic-tracking kostja94/marketing-skills
Analytics: AI Traffic Guides tracking of AI-driven search traffic in Google Analytics 4 and Google Search Console. When invoking : On first use , if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. Scope AI search traffic : Track in GA4 and GSC; separate AI sources from organic referral Google AI Overviews : AI summary box in Google search (formerly SGE) AI...
150
5749 modern-css paulirish/dotfiles
Modern CSS This skill provides a reference for writing modern, robust, and efficient CSS. Layout & Responsive Design Container Queries .card { container: --my-card / inline-size; } @container --my-card (width < 40ch) { /* Component-based responsive design */ } @container (20ch < width < 50ch) { /* Range syntax */ } Container units: cqi, cqb, cqw, cqh - size relative to container dimensions Anchored container queries: Style positioned elements based on anchor fallback state .tooltip...
150
5750 react-19 prowler-cloud/prowler
No Manual Memoization (REQUIRED) // ✅ React Compiler handles optimization automatically function Component ( { items } ) { const filtered = items . filter ( x => x . active ) ; const sorted = filtered . sort ( ( a , b ) => a . name . localeCompare ( b . name ) ) ; const handleClick = ( id ) => { console . log ( id ) ; } ; return < List items = { sorted } onClick = { handleClick } / > ; } // ❌ NEVER: Manual memoization const filtered = useMemo ( ( ) => items . filter ( x => x . active ) , [ items...
150