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

/ 聚焦搜索框
正在使用 AI 进行语义搜索...
20,000
总 Skills
16.0M
总安装量
2,338
贡献者
# Skill 仓库 描述 安装量
13301 tanstack-router-migration redpanda-data/console
Migrate React applications from React Router to TanStack Router with file-based routing. This skill provides a structured approach for both incremental and clean migrations. Critical Rules ALWAYS: - Use file-based routing with routes in `src/routes/` directory - Use `from` parameter in all hooks for type safety (`useParams({ from: '/path' })`) - Validate search params with Zod schemas using `@tanstack/zod-adapter` - Configure build tool plugin before creating routes - Register router typ...
56
13302 open-source-strategy kostja94/marketing-skills
Strategies: Open Source Guides open source as a commercialization path: build community and trust first, monetize later. Many products use open source for early growth (Cursor from VSCode, Llama, Qwen, Dify) and later commercialize via managed services or open core. For GitHub (SEO, GEO, README, Awesome lists), see github . For directory submission (DevHunt, Awesome lists), see directory-submission . When invoking : On first use , if helpful, open with 1–2 sentences on what this skill covers and...
56
13303 design-patterns tencentblueking/bk-ci
Skill 27: BK-CI 项目设计模式实践指南 概述 本指南总结了 BK-CI 项目中广泛使用的设计模式及其实际应用场景,帮助开发者理解项目架构并遵循统一的设计模式规范。 1. 工厂模式(Factory Pattern) 1.1 简单工厂(Simple Factory) 应用场景:创建特定类型的对象,通过类型参数决定实例化哪个类。 实际案例: TaskFactory - 任务工厂 位置:worker-common/src/main/kotlin/com/tencent/devops/worker/common/task/TaskFactory.kt 实现方式: object TaskFactory { private val taskMap = ConcurrentHashMap<String, KClass<out ITask>>() fun init() { // 注册内置任务 register(LinuxScriptElement.classType, LinuxScriptTask::class) ...
56
13304 phoenix-observability orchestra-research/ai-research-skills
Phoenix - AI Observability Platform Open-source AI observability and evaluation platform for LLM applications with tracing, evaluation, datasets, experiments, and real-time monitoring. When to use Phoenix Use Phoenix when: Debugging LLM application issues with detailed traces Running systematic evaluations on datasets Monitoring production LLM systems in real-time Building experiment pipelines for prompt/model comparison Self-hosted observability without vendor lock-in Key features: Tracin...
56
13305 agent-memory s-hiraoku/synapse-a2a
No SKILL.md available for this skill. View on GitHub
56
13306 session-handoff oimiragieo/agent-studio
Handoff Creates comprehensive handoff documents that enable fresh AI agents to seamlessly continue work with zero ambiguity. Solves the long-running agent context exhaustion problem. Mode Selection Determine which mode applies: Creating a handoff? User wants to save current state, pause work, or context is getting full. Follow: CREATE Workflow below Resuming from a handoff? User wants to continue previous work, load context, or mentions an existing handoff. Follow: RESUME Workflow below Proactiv...
56
13307 marketing-psychology kimny1143/claude-code-template
Marketing Psychology & Mental Models You are an expert in applying psychological principles and mental models to marketing. Your goal is to help users understand why people buy, how to influence behavior ethically, and how to make better marketing decisions. How to Use This Skill Check for product marketing context first: If .agents/product-marketing-context.md exists (or .claude/product-marketing-context.md in older setups), read it before applying mental models. Use that context to tailor reco...
56
13308 network-info ukgovernmentbeis/inspect_ai
Network Information Skill Use this skill to explore network configuration and connectivity on Linux systems. Quick Start Run the included script for a network overview: ./scripts/netinfo.sh Manual Commands Network Interfaces ip addr or ip a - Show all network interfaces and IP addresses ip link - Show interface status (up/down) cat /sys/class/net/*/address - MAC addresses Routing ip route - Show routing table ip route get 8.8.8.8 - Show route to a specific destination DNS Configuration cat /etc/...
56
13309 document-generation-pdf erichowens/some_claude_skills
Document Generation & PDF Automation Expert in generating, filling, and assembling PDF documents programmatically for legal, HR, and business workflows. When to Use ✅ Use for: Legal form automation (expungement, immigration, contracts) Invoice/receipt generation at scale Certificate creation (completion, participation, awards) Contract assembly from templates Government form filling (IRS, court filings) Multi-document packet creation ❌ NOT for: Simple PDF viewing (use browser or pdf.js) Ba...
56
13310 human-browser al1enjesus/human-browser
Human Browser — Complete Browser Automation Playbook Don't use plain Playwright. Don't use fetch. Don't use curl. Use this. Quick Start (free trial, no signup) const { launchHuman , getTrial } = require ( './.agents/skills/human-browser/scripts/browser-human' ) ; await getTrial ( ) ; // fetches unique residential IP automatically (Romania default) const { page , humanType , humanScroll , sleep } = await launchHuman ( ) ; await page . goto ( 'https://any-protected-site.com' ) ; // Browsing from r...
56
13311 sales-leader ncklrs/startup-os-skills
Sales Leader Strategic sales expertise for building and scaling high-performance B2B sales organizations — from strategy and hiring to process design and deal execution. Philosophy Sales is not about pushing products. It's about solving problems and creating value that customers are willing to pay for. The best sales organizations: Qualify ruthlessly — Time is your scarcest resource Sell outcomes, not features — ROI beats specifications Build repeatable processes — Champions create playbooks, no...
56
13312 esp32-serial-commands h1d/agent-skills-esp32
Send commands directly to the serial port to emulate button presses and user actions. Works over USB serial. ESP32 Setup (Device Side) ESP-IDF Framework ``` include "esp_log.h" include <string.h> static const char* TAG = "SerialCmd"; void serial_command_task(void* arg) { char buf[64]; int idx = 0; while (1) { int c = getchar(); if (c == EOF) { vTaskDelay(pdMS_TO_TICKS(10)); continue; } if (c == '\n' || c == '\r') { ...
56
13313 ast-grep-code-analysis zenobi-us/dotfiles
AST-Grep Code Analysis [!NOTE] This skill requires that as-grep is installed and configured in your development environment. If it's not installed we can use mise -g --pin ast-grep Overview AST-Grep Code Analysis uses Abstract Syntax Tree pattern matching to systematically identify code issues, replacing manual line-by-line inspection with structural pattern recognition. Core principle: Code structure reveals more than surface reading - AST patterns expose hidden relationships, security vuln...
56
13314 buttons-ctas dylantarre/animation-principles
Button & CTA Animation Principles Apply Disney's 12 principles to create buttons that feel alive and responsive. Principles Applied to Buttons 1. Squash & Stretch Scale buttons slightly on press: transform: scale(0.95) on :active, return to scale(1) on release. Creates tactile feedback. 2. Anticipation Subtle hover lift before click: transform: translateY(-2px) prepares users for the action. 3. Staging Primary CTAs should be visually prominent. Use size, color contrast, and whitespace. An...
56
13315 payment-gateway-integration secondsky/claude-skills
Payment Gateway Integration Overview Build secure payment processing systems with major payment providers (Stripe, PayPal, Square), handling transactions, subscriptions, webhooks, PCI compliance, and error scenarios across different backend frameworks. When to Use Processing customer payments Implementing subscription billing Building e-commerce platforms Handling refunds and disputes Managing recurring charges Integrating payment webhooks Instructions 1. Stripe Integration with Python/Flask ...
56
13316 fal-text-to-image delorenj/skills
fal.ai Text-to-Image Generation Skill Generate production-quality images from text prompts using fal.ai's state-of-the-art text-to-image models including FLUX, Recraft V3, Imagen4, and more. When to Use This Skill Trigger when user: Requests image generation from text descriptions Wants to create images with specific styles (vector, realistic, typography) Needs high-resolution professional images (up to 2K) Wants to use a reference image for style transfer Mentions specific models like FLUX,...
56
13317 autogpt-agents orchestra-research/ai-research-skills
AutoGPT - Autonomous AI Agent Platform Comprehensive platform for building, deploying, and managing continuous AI agents through a visual interface or development toolkit. When to use AutoGPT Use AutoGPT when: Building autonomous agents that run continuously Creating visual workflow-based AI agents Deploying agents with external triggers (webhooks, schedules) Building complex multi-step automation pipelines Need a no-code/low-code agent builder Key features: Visual Agent Builder: Drag-and-...
56
13318 ai-ml-expert oimiragieo/agent-studio
AI/ML Expert Core Framework Guidelines PyTorch When reviewing or writing PyTorch code, apply these guidelines: Use torch.nn.Module for all model definitions; avoid raw function-based models Move tensors and models to the correct device explicitly: model.to(device) , tensor.to(device) Use model.train() and model.eval() context switches appropriately Accumulate gradients with optimizer.zero_grad() at the top of the training loop Use torch.no_grad() or @torch.inference_mode() for all inference code...
56
13319 flipt civitai/civitai
Use this skill to manage Flipt feature flags for controlled feature rollouts. Running Commands Use the included script: ``` node .claude/skills/flipt/flipt.mjs <command> [options] ``` Commands | `list` | List all flags | `get <key>` | Get details for a specific flag | `create <key>` | Create a new boolean flag | `enable <key>` | Enable a flag (set to true) | `disable <key>` | Disable a flag (set to false) | `delete <key>` | Delete a flag (requires confirmation) Options...
56
13320 explanation-docs existential-birds/beagle
Explanation Documentation Skill This skill provides patterns for writing effective explanation documents. Explanations are understanding-oriented content for readers who want to know why things work the way they do. Purpose & Audience Target readers: Users who want to understand concepts deeply, not just use them Architects and technical leads evaluating design decisions Team members onboarding to a codebase or system Anyone asking "why?" or "how does this work?" Explanations are for readin...
56
13321 muapi-seedance-2 samuraigpt/generative-media-skills
🎬 Seedance 2.0 Cinema Expert The definitive skill for "Director-Level" AI video orchestration. Seedance 2.0 is not a descriptive model; it is an instructional model. It responds best to technical cinematography, physics directives, and precise camera grammar. Core Competencies Text-to-Video (t2v) : Generate cinematic video from a Director Brief using seedance-v2.0-t2v . Image-to-Video (i2v) : Animate 1–9 reference images into a video using seedance-v2.0-i2v . Video Extension (extend) : Seamlessl...
56
13322 prompt-engineer shipshitdev/library
Prompt Engineer Expert prompt engineer specializing in designing, optimizing, and evaluating prompts that maximize LLM performance across diverse use cases. When to Use This Skill Designing prompts for new LLM applications Optimizing existing prompts for better accuracy or efficiency Implementing chain-of-thought or few-shot learning Creating system prompts with personas and guardrails Building structured output schemas (JSON mode, function calling) Developing prompt evaluation and testing frame...
56
13323 swain cristoslc/swain
Invoke the Skill tool for exactly one match. Pass the user's full prompt as args. | swain-design | vision, epic, story, spec, ADR, spike, bug, persona, runbook, journey, design | | swain-search | research, evidence, gather sources, search for, evidence pool, what do we know about | | swain-do | tasks, implementation, tracking, bd, beads | | swain-push | commit, push, stage | | swain-release | release, version, changelog, tag | | swain-update | update/upgrade swain | | swain-doctor | session init...
56
13324 docker-containerization ailabs-393/ai-labs-claude-skills
Docker Containerization Overview Build production-ready Docker containers following best practices for security, performance, and maintainability. When to Use Containerizing applications for deployment Creating Dockerfiles for new services Optimizing existing container images Setting up development environments Building CI/CD container pipelines Implementing microservices Instructions 1. Multi-Stage Builds Multi-stage build for Node.js application Stage 1: Build FROM node:18-alpine AS builde...
56
13325 b2c-custom-api-development salesforcecommercecloud/b2c-developer-tooling
Custom API Development Skill This skill guides you through developing Custom APIs for Salesforce B2C Commerce. Custom APIs let you expose custom script code as REST endpoints under the SCAPI framework. Tip: If b2c CLI is not installed globally, use npx @salesforce/b2c-cli instead (e.g., npx @salesforce/b2c-cli code deploy ). Overview A Custom API URL has this structure: https://{shortCode}.api.commercecloud.salesforce.com/custom/{apiName}/{apiVersion}/organizations/{organizationId}/{endpointPath...
56
13326 swiftui-performance-audit steipete/agent-scripts
SwiftUI Performance Audit Overview Audit SwiftUI view performance end-to-end, from instrumentation and baselining to root-cause analysis and concrete remediation steps. Workflow Decision Tree If the user provides code, start with "Code-First Review." If the user only describes symptoms, ask for minimal code/context, then do "Code-First Review." If code review is inconclusive, go to "Guide the User to Profile" and ask for a trace or screenshots. 1. Code-First Review Collect: Target view/featu...
56
13327 doc-mindmap crazynomad/skills
Doc Mindmap - 文档智能整理助手 📚🧠 将散落的办公文档(PDF、PPT、Word、Excel 等)批量转换为 Markdown,通过本地 Ollama 模型生成摘要和三维度分类,用软链接同时呈现多种分类方案,零额外磁盘占用。 When to Use Use this skill when users: 想整理大量文档、分类归档 需要给一批文档生成摘要 想生成文档的思维导图 / mindmap 想把 PDF、PPT、Word 转成 Markdown 需要文档分类建议或目录结构方案 想快速了解一个文件夹里都有什么文档 需要检测重复文件 触发关键词: 文档整理, 文档分类, 思维导图, mindmap, 文档摘要, PDF 转 Markdown, 批量转换, 文档归档 Features 🔄 批量转换 - PDF、PPT、Word、Excel 等一键转 Markdown 📋 CSV 索引 - 自动生成文档索引,含 MD5 和重复检测 🔍 重复检测 - MD5 比对发现重复文件,建议删除释放空间 📝 本地摘要 - Ollama 本地模型生成摘要,不消耗 Claude 上下文 🗂️ ...
56
13328 plantuml-diagram-generator jeremylongshore/claude-code-plugins-plus-skills
Plantuml Diagram Generator Purpose This skill provides automated assistance for plantuml diagram generator tasks within the Visual Content domain. When to Use This skill activates automatically when you: Mention "plantuml diagram generator" in your request Ask about plantuml diagram generator patterns or best practices Need help with visual content skills covering diagrams, charts, presentations, and visual documentation tools. Capabilities Provides step-by-step guidance for plantuml diagram gen...
56
13329 working-in-parallel letta-ai/letta-code
Working in Parallel Use git worktrees to work in parallel when another agent is in the same directory. Git worktrees let you check out multiple branches into separate directories. Each worktree has its own isolated files while sharing the same Git history and remote connections. Changes in one worktree won't affect others, so parallel agents can't interfere with each other. Learn more: Git worktree documentation IMPORTANT: Check Project Setup First Before running ANY commands in a new worktree, ...
56
13330 cargo-machete laurigates/claude-plugins
cargo-machete is a fast tool for detecting unused dependencies in Rust projects. It analyzes your codebase to find dependencies listed in Cargo.toml but not actually used in your code. Installation ``` Install cargo-machete cargo install cargo-machete Verify installation cargo machete --version ``` Basic Usage ``` Check for unused dependencies in current directory cargo machete Check specific directory cargo machete /path/to/project Check with detailed output cargo machete --with-...
56
13331 flyway-migrations ashchupliak/dream-team
Rules: - Version: Padded numbers (001, 002... or 1.0.0, 1.0.1) - Double underscore between version and description - Description: snake_case, descriptive - Extension: .sql Basic Table Creation ``` -- V001__create_environment_table.sql CREATE TABLE environment ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), name VARCHAR(100) NOT NULL, description TEXT, status VARCHAR(50) NOT NULL DEFAULT 'PENDING', owner_id UUID NOT NULL, created_at TIMESTAMP WITH TIME ZONE NOT NUL...
56
13332 go-rod-master sickn33/antigravity-awesome-skills
Go-Rod Browser Automation Master Overview Rod is a high-level Go driver built directly on the Chrome DevTools Protocol for browser automation and web scraping. Unlike wrappers around other tools, Rod communicates with the browser natively via CDP, providing thread-safe operations, chained context design for timeouts/cancellation, auto-wait for elements, correct iframe/shadow DOM handling, and zero zombie browser processes. The companion library go-rod/stealth injects anti-bot-detection evasions ...
56
13333 peft-fine-tuning orchestra-research/ai-research-skills
PEFT (Parameter-Efficient Fine-Tuning) Fine-tune LLMs by training <1% of parameters using LoRA, QLoRA, and 25+ adapter methods. When to use PEFT Use PEFT/LoRA when: Fine-tuning 7B-70B models on consumer GPUs (RTX 4090, A100) Need to train <1% parameters (6MB adapters vs 14GB full model) Want fast iteration with multiple task-specific adapters Deploying multiple fine-tuned variants from one base model Use QLoRA (PEFT + quantization) when: Fine-tuning 70B models on single 24GB GPU Memory is the pr...
56
13334 openrlhf-training orchestra-research/ai-research-skills
OpenRLHF - High-Performance RLHF Training Quick start OpenRLHF is a Ray-based RLHF framework optimized for distributed training with vLLM inference acceleration. Installation: Launch Docker container docker run --runtime=nvidia -it --rm --shm-size="10g" --cap-add=SYS_ADMIN \ -v $PWD:/openrlhf nvcr.io/nvidia/pytorch:25.02-py3 bash Uninstall conflicts sudo pip uninstall xgboost transformer_engine flash_attn pynvml -y Install OpenRLHF with vLLM pip install openrlhf[vllm] PPO Training (H...
56
13335 ios-animations pproenca/dot-skills
dot-skills — Airbnb iOS SwiftUI Animations Best Practices Opinionated, strict animation craft guide for SwiftUI iOS 26 / Swift 6.2 apps. Contains 50 rules across 8 categories, prioritized by impact. Derived from Airbnb Engineering motion patterns, Apple WWDC sessions, and Apple Human Interface Guidelines. Mandates @Equatable on every animated view, motion tokens for all spring/timing values, and design system tokens for layout. Mandated Architecture Alignment This skill is designed to work along...
56
13336 helm-release-management laurigates/claude-plugins
Comprehensive guidance for day-to-day Helm release operations including installation, upgrades, uninstallation, and release tracking. When to Use Use this skill automatically when: - User requests deploying or installing Helm charts - User mentions upgrading or updating Helm releases - User wants to list or manage releases across namespaces - User needs to check release history or status - User requests uninstalling or removing releases Core Release Operations Install New Release ``...
56
13337 electrobun-best-practices 0xbigboss/claude-code
Electrobun Best Practices Electrobun builds cross-platform desktop apps with TypeScript and Bun. This skill gives safe defaults, typed RPC patterns, and operational guidance for build/update/distribution. Docs: https://blackboard.sh/electrobun/docs/ Pair with TypeScript Best Practices Always load typescript-best-practices alongside this skill. Version and Freshness Electrobun APIs evolve quickly. Before relying on advanced options or platform-specific behavior, verify against current docs and CL...
56
13338 typescript-skills llama-farm/llamafarm
TypeScript Skills for LlamaFarm Shared TypeScript best practices for Designer (React) and Electron App subsystems. Overview This skill covers idiomatic TypeScript patterns for LlamaFarm's frontend applications: designer/: React 18 + TanStack Query + TailwindCSS + Radix UI electron-app/: Electron 28 + Electron Vite Tech Stack Subsystem Framework Build Key Libraries designer React 18 Vite TanStack Query, Radix UI, axios, react-router-dom electron-app Electron 28 electron-vite electron-updater,...
56
13339 react-patterns manutej/luxor-claude-marketplace
React Development Patterns Overview Expert guide for building modern React 19 applications with new concurrent features, Server Components, Actions, and advanced patterns. This skill covers everything from basic hooks to advanced server-side rendering and React Compiler optimization. When to Use Building React 19 components with TypeScript/JavaScript Managing component state with useState and useReducer Handling side effects with useEffect Optimizing performance with useMemo and useCallback Crea...
56
13340 slack-message-formatter onewave-ai/claude-skills
Slack Message Formatter Convert long text into Slack-optimized format with emojis, bullets, code blocks, and threading suggestions Instructions You are an expert at Slack communication. Format messages for maximum engagement and clarity using Slack markdown, emojis, and threading. Output Format Slack Message Formatter Output Generated: {timestamp} --- Results [Your formatted output here] --- Recommendations [Actionable next steps] Best Practices Be Specific: Focus on concrete, ac...
56
13341 vitest-3-features josiahsiegel/claude-plugin-marketplace
🚨 CRITICAL GUIDELINES Windows File Path Requirements MANDATORY: Always Use Backslashes on Windows for File Paths When using Edit or Write tools on Windows, you MUST use backslashes (\) in file paths, NOT forward slashes (/). Examples: ❌ WRONG: D:/repos/project/file.tsx ✅ CORRECT: D:\repos\project\file.tsx This applies to: Edit tool file_path parameter Write tool file_path parameter All file operations on Windows systems Documentation Guidelines NEVER create new documentation files unless ...
56
13342 axiom-tvos charleswiltgen/axiom
tvOS Development Overview tvOS shares UIKit and SwiftUI with iOS but diverges in critical ways that catch every iOS developer. The three most dangerous assumptions: (1) local files persist, (2) WebView exists, (3) focus works like @FocusState. Core principle tvOS is not "iOS on TV." It has a dual focus system, no persistent local storage, no WebView, and a remote with two incompatible generations. Treat it as its own platform. tvOS 26 Adopts Liquid Glass design language with new app icon system....
56
13343 clip orchestra-research/ai-research-skills
CLIP - Contrastive Language-Image Pre-Training OpenAI's model that understands images from natural language. When to use CLIP Use when: Zero-shot image classification (no training data needed) Image-text similarity/matching Semantic image search Content moderation (detect NSFW, violence) Visual question answering Cross-modal retrieval (image→text, text→image) Metrics: 25,300+ GitHub stars Trained on 400M image-text pairs Matches ResNet-50 on ImageNet (zero-shot) MIT License Use alternativ...
56
13344 pine-manager traderspost/pinescript-agents
Responsible for orchestrating the entire Pine Script development workflow by coordinating specialized capabilities. Project Scoping Process When starting ANY new project, first gather requirements using: - Standard flow: `/docs/project-scoping-flow.md` and `/docs/scoping-questions.md` - Unknown patterns: `/docs/comprehensive-scoping-flow.md` - Edge cases: `/docs/edge-case-handler.md` Adaptive Scoping Strategy Step 1: Pattern Recognition First, identify if the request matches known pat...
56
13345 debugging siviter-xyz/dot-agent
Debugging When to use this skill Encountering runtime errors or exceptions Code produces unexpected output or behavior Performance degradation or memory issues Intermittent or hard-to-reproduce bugs Understanding unfamiliar error messages Post-incident analysis and prevention Instructions Step 1: Gather Information Collect all relevant context about the issue: Error details : Full error message and stack trace Error type (syntax, runtime, logic, etc.) When did it start occurring? Is it reproduci...
56
13346 data-driven-testing 0xbigboss/claude-code
Deprecated This skill has been replaced by testing-best-practices . Use testing-best-practices for all test design, test case generation, and test strategy work. What changed Test layering policy (unit / integration / e2e) replaces the unit-only DDT focus. Markdown tables replace the rigid canonical JSON test-case schema. Output is strategy + matrix + implementation plan, not JSON blocks. Added: hard rules against fabricated fixtures and invented source locations. Added: e2e execution guidance (...
56
13347 sales-forecast-builder onewave-ai/claude-skills
Sales Forecast Builder Weighted pipeline forecast by probability. Historical accuracy tracking, commit vs best-case scenarios, deal slippage patterns. Instructions You are an expert sales operations leader. Build accurate forecasts with multiple scenarios, track accuracy, and identify improvement opportunities. Output Format Sales Forecast Builder Output Generated: {timestamp} --- Results [Your formatted output here] --- Recommendations [Actionable next steps] Best Practices Be S...
56
13348 deepeval sammcj/agentic-coding
DeepEval Overview DeepEval is a pytest-based framework for testing LLM applications. It provides 50+ evaluation metrics covering RAG pipelines, conversational AI, agents, safety, and custom criteria. DeepEval integrates into development workflows through pytest, supports multiple LLM providers, and includes component-level tracing with the @observe decorator. Repository: https://github.com/confident-ai/deepeval Documentation: https://deepeval.com Installation pip install -U deepeval Requires Pyt...
56
13349 rust-systems-programming manutej/luxor-claude-marketplace
Rust Systems Programming A comprehensive skill for building high-performance, memory-safe systems software using Rust. This skill covers ownership, borrowing, concurrency, async programming, unsafe code, FFI, and performance optimization for systems-level development. When to Use This Skill Use this skill when: Building systems software requiring memory safety without garbage collection Developing high-performance applications with zero-cost abstractions Writing concurrent or parallel progra...
56
13350 navigation-menus dylantarre/animation-principles
Navigation & Menu Animation Principles Apply Disney's 12 principles to navigation for fluid, intuitive wayfinding. Principles Applied to Navigation 1. Squash & Stretch Menu items can compress slightly on click. Mobile hamburger icon lines should squash during transformation to X. 2. Anticipation Before dropdown opens, trigger item can lift or highlight. Sidebar toggle icon rotates slightly before panel slides. 3. Staging Active nav item should be clearly distinguished. Dropdown menus appear abov...
56