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

/ 聚焦搜索框
正在使用 AI 进行语义搜索...
21,703
总 Skills
39.2M
总安装量
2,458
贡献者
# Skill 仓库 描述 安装量
12251 supabase-extract-service-key yoanbernabeu/supabase-pentest-skills
Supabase Service Key Detection 🔴 CRITICAL: PROGRESSIVE FILE UPDATES REQUIRED You MUST write to context files AS YOU GO , not just at the end. Write to .sb-pentest-context.json IMMEDIATELY after each discovery Log to .sb-pentest-audit.log BEFORE and AFTER each action DO NOT wait until the skill completes to update files If the skill crashes or is interrupted, all prior findings must already be saved This is not optional. Failure to write progressively is a critical error. This skill detects if th...
79
12252 code-reviewer 404kidwiz/claude-supercode-skills
Code Reviewer This skill guides the agent in conducting professional and thorough code reviews for both local development and remote Pull Requests. Workflow 1. Determine Review Target Remote PR : If the user provides a PR number or URL (e.g., "Review PR 123"), target that remote PR. Local Changes : If no specific PR is mentioned, or if the user asks to "review my changes", target the current local file system states (staged and unstaged changes). 2. Preparation For Remote PRs: Checkout : Use the...
79
12253 api-documentation sickn33/antigravity-awesome-skills
API Documentation When to use this skill API Development : When adding new endpoints External Release : Public API launch Team Collaboration : Frontend-backend interface definition Instructions Step 1: OpenAPI (Swagger) Spec openapi : 3.0.0 info : title : User Management API version : 1.0.0 description : API for managing users contact : email : api@example.com servers : - url : https : //api.example.com/v1 description : Production - url : https : //staging - api.example.com/v1 description : Stag...
79
12254 security-engineer 404kidwiz/claude-supercode-skills
Security Engineer Purpose Provides infrastructure security and DevSecOps expertise specializing in cloud security architecture, identity management, and zero-trust design. Builds secure infrastructure through "Security as Code" practices, DevSecOps pipelines, and comprehensive defense-in-depth strategies. When to Use Designing cloud security architecture (AWS/Azure/GCP) Implementing "Security as Code" (Terraform, OPA, Ansible) Building DevSecOps pipelines (SAST, DAST, Container Scanning) Securin...
79
12255 product-frontend-design mosif16/codex-skills
Instructions You are a sharp product + frontend designer. Your job is to: Make the product and value proposition unmistakably clear. Remove jargon and vague language from marketing copy. Fix hierarchy, layout, and calls-to-action so pages actually convert. Design and implement distinctive, production-grade frontends that avoid generic AI/template aesthetics. Match visual ambition with real, working frontend code when asked. Think in two layers: Product & Messaging Layer What is this? Who is ...
78
12256 ai-loading-ux shipshitdev/library
AI Loading UX Design patterns for showing users what's happening while waiting for AI output. Decision Framework First, identify which pattern category applies: User is waiting for... Pattern Category Key Goal AI reasoning/thinking Reasoning Display Build trust through transparency Multi-step task completion Progress Steps Show advancement toward goal Content generation/streaming Streaming States Reduce perceived wait time Background processing Status Indicators Confirm work is happening Core Pr...
78
12257 debugger 404kidwiz/claude-supercode-skills
Debugger You are an expert debugger who uses systematic approaches to identify and resolve software issues efficiently. When to Apply Use this skill when: Investigating bugs or unexpected behavior Analyzing error messages and stack traces Troubleshooting performance issues Debugging production incidents Finding root causes of failures Analyzing crash dumps or logs Resolving intermittent issues Debugging Process Follow this systematic approach: 1. Understand the Problem What is the expected behav...
78
12258 app-builder vudovn/antigravity-kit
App Builder - Application Building Orchestrator Analyzes user's requests, determines tech stack, plans structure, and coordinates agents. 🎯 Selective Reading Rule Read ONLY files relevant to the request! Check the content map, find what you need. File Description When to Read project-detection.md Keyword matrix, project type detection Starting new project tech-stack.md 2025 default stack, alternatives Choosing technologies agent-coordination.md Agent pipeline, execution order Coordinating mu...
78
12259 netlify-deployment-platform bobmatnyc/claude-mpm-skills
Netlify Platform Skill progressive_disclosure: entry_point: summary: "JAMstack deployment platform with serverless functions, forms, and identity" when_to_use: - "When deploying static sites and SPAs" - "When building JAMstack applications" - "When needing serverless functions" - "When requiring built-in forms and auth" quick_start: - "npm install -g netlify-cli" - "netlify login" - "netlify init" - "netlify deploy --prod" token_estimate: entry: 70-85 full: 3800-4800 Netlify Fundamentals Core Co...
78
12260 paradox-fables jwynia/agent-skills
Paradox Fables: Embodied Wisdom Stories Skill You help writers create narrative embodiments of paradoxical wisdom. Unlike traditional fables that resolve into clear morals, paradox fables maintain tension, allowing readers to absorb truth sideways through story rather than argument. Core Principle The goal is not to explain paradoxes but to let readers experience them viscerally through narrative. Paradox fables bypass analytical defenses. They don't resolve into simple lessons. They maintai...
78
12261 todoist-automation sickn33/antigravity-awesome-skills
Todoist Automation via Rube MCP Automate Todoist operations including task creation and management, project organization, section management, filtering, and bulk task workflows through Composio's Todoist toolkit. Toolkit docs : composio.dev/toolkits/todoist Prerequisites Rube MCP must be connected (RUBE_SEARCH_TOOLS available) Active Todoist connection via RUBE_MANAGE_CONNECTIONS with toolkit todoist Always call RUBE_SEARCH_TOOLS first to get current tool schemas Setup Get Rube MCP : Add https:/...
78
12262 webapp-testing-patterns bobmatnyc/claude-mpm-skills
Playwright Patterns Reference Complete guide to Playwright automation patterns, selectors, and best practices. Table of Contents Selectors Wait Strategies Element Interactions Assertions Test Organization Network Interception Screenshots and Videos Debugging Parallel Execution Selectors Text Selectors Most readable and maintainable approach when text is unique: page.click('text=Login') page.click('text="Sign Up"') Exact match page.click('text=/log.*in/i') Regex, case-insensitive Role-Ba...
78
12263 nansen-sm-trend nansen-ai/nansen-cli
TOKEN = < address > CHAIN = ethereum nansen research smart-money netflow --chain $CHAIN --limit 200 → filter by token_address; net_flow_1h_usd, net_flow_24h_usd, net_flow_7d_usd, net_flow_30d_usd nansen research token holders --token $TOKEN --chain $CHAIN --smart-money --limit 20 → address_label, value_usd, balance_change_24h, balance_change_7d, balance_change_30d nansen research token flow-intelligence --token $TOKEN --chain $CHAIN → smart_trader_net_flow_usd, whale_net_flow_usd, fund_net_fl...
78
12264 vulnerability-scanner vudovn/antigravity-kit
Vulnerability Scanner Think like an attacker, defend like an expert. 2025 threat landscape awareness. 🔧 Runtime Scripts Execute for automated validation: Script Purpose Usage scripts/security_scan.py Validate security principles applied python scripts/security_scan.py <project_path> 📋 Reference Files File Purpose checklists.md OWASP Top 10, Auth, API, Data protection checklists 1. Security Expert Mindset Core Principles Principle Application Assume Breach Design as if attacker already inside...
78
12265 documents danielmiessler/personal_ai_infrastructure
Customization Before executing, check for user customizations at: ~/.claude/skills/CORE/USER/SKILLCUSTOMIZATIONS/Documents/ If this directory exists, load and apply any PREFERENCES.md, configurations, or resources found there. These override default behavior. If the directory does not exist, proceed with skill defaults. 🚨 MANDATORY: Voice Notification (REQUIRED BEFORE ANY ACTION) You MUST send this notification BEFORE doing anything else when this skill is invoked. Send voice notification: ...
78
12266 b2b-saas-marketing dengineproblem/agents-monorepo
Ты — эксперт по B2B SaaS маркетингу с глубокими знаниями в генерации спроса, growth-маркетинге и маркетинговых операциях. Ключевые компетенции Генерация спроса - Стратегия inbound-маркетинга - Контент-воронки - Account-Based Marketing (ABM) - Оптимизация MQL (Marketing Qualified Leads) - Скоринг и нуртуринг лидов Growth-маркетинг - Стратегии Product-Led Growth (PLG) - Оптимизация freemium и триалов - Активация и онбординг - Тактики expansion revenue - Вирусные петли и реферальные...
78
12267 wnba-data machina-sports/sports-skills
WNBA Data Before writing queries, consult references/api-reference.md for endpoints, ID conventions, and data shapes. Setup Before first use, check if the CLI is available: which sports-skills || pip install sports-skills If pip install fails with a Python version error, the package requires Python 3.10+. Find a compatible Python: python3 --version check version If < 3.10, try: python3.12 -m pip install sports-skills On macOS with Homebrew: /opt/homebrew/bin/python3.12 -m pip install sports-s...
78
12268 activecampaign-automation sickn33/antigravity-awesome-skills
ActiveCampaign Automation via Rube MCP Automate ActiveCampaign CRM and marketing automation operations through Composio's ActiveCampaign toolkit via Rube MCP. Prerequisites Rube MCP must be connected (RUBE_SEARCH_TOOLS available) Active ActiveCampaign connection via RUBE_MANAGE_CONNECTIONS with toolkit active_campaign Always call RUBE_SEARCH_TOOLS first to get current tool schemas Setup Get Rube MCP : Add https://rube.app/mcp as an MCP server in your client configuration. No API keys needed — ju...
78
12269 theme-factory shajith003/awesome-claude-skills
Theme Factory Skill This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact. Purpose To apply consistent, professional styling to presentation slide decks, use this skill. Each theme includes: A cohesive color palette with hex codes Complementary font pairings for headers and body text A distinct visual identity suitable for different contexts an...
78
12270 product-video sanky369/vibe-building-skills
Product Video Skill Overview Product Video creates animated videos that showcase your products with reveals, transitions, and dynamic animations. This skill teaches you to plan and conceptualize product videos. Keywords: product video, product animation, product demo, promotional video, animated reveal, product showcase, video marketing Core Methodology Product videos have three components: Visual Sequence — How the product is revealed Animation Style — Type of motion and transitions Pacing...
78
12271 nextra-writer shipshitdev/library
Nextra Technical Writer Expert technical writer for creating documentation using Nextra, the Next.js-based documentation framework. Why Nextra: Next.js integration, fast builds, automatic routing, full-text search, dark mode, and MDX support out of the box. When This Activates Creating or updating Nextra documentation (.md, .mdx) Configuring Nextra settings (next.config.mjs, theme.config.tsx) Writing API documentation Organizing documentation structure and navigation Setting up documentation sea...
78
12272 coil-compose new-silvermoon/awesome-android-agent-skills
Coil for Jetpack Compose Instructions When implementing image loading in Jetpack Compose, use Coil (Coroutines Image Loader). It is the recommended library for Compose due to its efficiency and seamless integration. 1. Primary Composable: AsyncImage Use AsyncImage for most use cases. It handles size resolution automatically and supports standard Image parameters. AsyncImage ( model = ImageRequest . Builder ( LocalContext . current ) . data ( "https://example.com/image.jpg" ) . crossfade ( true )...
78
12273 scroll-storyteller ingpoc/skills
Create immersive, interactive storytelling experiences using Anthropic's authentic design language: strict duotone palette, organic Bézier SVG paths, custom cursors, and chapter-based narratives. Workflow Use `AskUserQuestion` to gather preferences, then generate: | 1 | Animation? | GSAP (rich) vs CSS-only (lightweight) | 2 | Mood? | Warm vs Cool vs Creative | 3 | Palette? | (show 3-4 based on mood) | 4 | Topic? | Biblical/Tech/Business/Personal/Custom | 5 | Chapters? | 3, ...
78
12274 teaching-resource-generator teachingai/full-stack-skills
本技能帮助您快速生成各种教学资源,包括课件、练习题、教学案例、学习指南等。 关键词: 教学资源、课件制作、练习题、教学案例、学习指南、教学材料 核心功能 1. 课件制作 - 生成 PowerPoint 或 Markdown 格式的课件 - 设计清晰的幻灯片结构 - 添加图表、示例和互动元素 - 确保内容逻辑清晰、视觉美观 2. 练习题生成 - 生成各种类型的练习题 - 设计不同难度级别的题目 - 创建配套的答案和解析 - 生成练习题集和测试卷 3. 教学案例编写 - 编写真实或模拟的教学案例 - 设计案例讨论问题 - 提供案例分析和解决方案 - 创建案例库和案例集 4. 学习指南创建 - 编写学习指南和复习材料 - 创建知识要点总结 - 设计学习路径和计划 - 生成学习检查清单 使用指南 课件制作流程 - 内容规划: 确定课件主题和结构 - 内容生成: 创建每张幻灯片的内容 - 视觉设计: 添加图表、图片和视觉元素 - 互动设计: 设计互动环节和讨论问题 - 优化完善: 检查逻辑和视觉效果 练习题生成原则 -...
78
12275 clawrouter blockrunai/clawrouter
ClawRouter Smart LLM router that saves 67% on inference costs by routing each request to the cheapest model that can handle it. 41 models across 5 providers, all through one wallet. Install openclaw plugins install @blockrun/clawrouter Setup Enable smart routing (auto-picks cheapest model per request) openclaw models set blockrun/auto Or pin a specific model openclaw models set openai/gpt-4o How Routing Works ClawRouter classifies each request into one of four tiers: SIMPLE (40% of traffic) — ...
78
12276 openclaw-expert fanthus/agent-skills
OpenClaw Learning Expert This skill helps answer questions about OpenClaw by retrieving information from official documentation and the GitHub repository, then providing comprehensive answers with source links. Workflow When the user asks an OpenClaw-related question: Step 1: Identify the Question Type Categorize the question to determine the best sources: Getting Started/Installation → Documentation: /start/getting-started Concepts/Architecture → Documentation: /concepts/ sections API Usage → D...
78
12277 mssql sanjay3290/ai-skills
MSSQL Read-Only Query Skill Execute safe, read-only queries against configured Microsoft SQL Server databases. Requirements Python 3.8+ pymssql: pip install -r requirements.txt Setup Create connections.json in the skill directory or ~/.config/claude/mssql-connections.json . Security : Set file permissions to 600 since it contains credentials: chmod 600 connections.json { "databases" : [ { "name" : "production" , "description" : "Main app database - users, orders, transactions" , "host" : "db.exa...
78
12278 typography-expert erichowens/some_claude_skills
Typography Expert Master typographer specializing in font pairing, typographic hierarchy, OpenType features, variable fonts, and performance-optimized web typography. When to Use This Skill ✅ Use for: Font pairing recommendations for brand identity Typographic hierarchy for design systems Performance-optimized web font implementation Variable font integration with CSS custom properties Type scale calculations (modular, fluid, responsive) Font loading strategies (FOUT/FOIT/FOFT prevention) Op...
78
12279 telegram-bot openclaudia/openclaudia-skills
Telegram Bot Build Telegram bots for chatbots, notifications, AI assistants, and group automation. Based on n8n's Telegram workflow templates. Overview This skill covers: Bot setup and configuration Message handling patterns AI-powered assistants Notification workflows Group automation Bot Setup Creating a Bot setup_steps : 1. create_bot : - open : @BotFather on Telegram - command : /newbot - provide : bot_name - provide : bot_username (must end in 'bot') - receive : API_token 2. configure_bot :...
78
12280 openwork-docker-chrome-mcp different-ai/openwork
Quick Usage (Already Configured) 1) Start the dev stack (Docker) Run from the OpenWork repo root: packaging/docker/dev-up.sh This prints: Web UI URL ( http://localhost :<WEB_PORT>) OpenWork server URL ( http://localhost :<OPENWORK_PORT>) Token file path ( tmp/.dev-env-<id> ) containing OPENWORK_TOKEN + OPENWORK_HOST_TOKEN A docker compose ... down command that stops this stack 2) Verify a real UI flow (Chrome MCP) Minimum gate: Open the printed Web UI URL. Navigate to the session/chat surface (t...
78
12281 svelte bobmatnyc/claude-mpm-skills
@json-render/svelte Svelte 5 renderer that converts json-render specs into Svelte component trees. Quick Start <JsonUIProvider> <Renderer {spec} {registry} /> </JsonUIProvider> Creating a Catalog import { defineCatalog } from "@json-render/core" ; import { schema } from "@json-render/svelte" ; import { z } from "zod" ; export const catalog = defineCatalog ( schema , { components : { Button : { props : z . object ( { label : z . string ( ) , variant : z . enum ( [ "primary" , "secondary" ] ) . n...
78
12282 nemo-evaluator-sdk davila7/claude-code-templates
NeMo Evaluator SDK evaluates LLMs across 100+ benchmarks from 18+ harnesses using containerized, reproducible evaluation with multi-backend execution (local Docker, Slurm HPC, Lepton cloud). Installation: ``` pip install nemo-evaluator-launcher ``` Set API key and run evaluation: ``` export NGC_API_KEY=nvapi-your-key-here Create minimal config cat > config.yaml << 'EOF' defaults: - execution: local - deployment: none - _self_ execution: output_dir: ./results target: api_endpoi...
78
12283 nextjs-15 prowler-cloud/prowler
App Router File Conventions app/ ├── layout.tsx Root layout (required) ├── page.tsx Home page (/) ├── loading.tsx Loading UI (Suspense) ├── error.tsx Error boundary ├── not-found.tsx 404 page ├── (auth)/ Route group (no URL impact) │ ├── login/page.tsx /login │ └── signup/page.tsx /signup ├── api/ │ └── route.ts API handler └── _components/ Private folder (not routed) Server Components (Default) // No directi...
78
12284 tailwind-capacitor cap-go/capgo-skills
Tailwind CSS for Capacitor Apps Build beautiful mobile apps with Tailwind CSS and Capacitor. When to Use This Skill User is using Tailwind in Capacitor app User asks about mobile styling User needs responsive mobile design User wants dark mode with Tailwind User needs safe area handling Getting Started Installation bun add -D tailwindcss postcss autoprefixer bunx tailwindcss init -p Configuration // tailwind.config.js / @type { import ( 'tailwindcss' ) . Config } */ export default { content : [ ...
78
12285 headlessui bobmatnyc/claude-mpm-skills
Headless UI - Accessible Component Primitives Overview Headless UI provides completely unstyled, fully accessible UI components designed to integrate beautifully with Tailwind CSS. Built by the Tailwind Labs team, it offers production-ready accessibility without imposing design decisions. Key Features: Fully unstyled - bring your own styles Complete keyboard navigation Screen reader tested Focus management ARIA attributes handled automatically TypeScript support React 18 and Vue 3 compatible ...
78
12286 tailwindcss-performance josiahsiegel/claude-plugin-marketplace
Tailwind CSS Performance Optimization v4 Performance Improvements Tailwind CSS v4 features a completely rewritten engine in Rust: Metric v3 v4 Full builds Baseline Up to 5x faster Incremental builds Milliseconds Microseconds (100x+) Engine JavaScript Rust JIT (Just-In-Time) Compilation How JIT Works JIT generates styles on-demand as classes are discovered in your files: Scans source files for class names Generates only the CSS you use Produces minimal, optimized output v4: Always JIT Unlike...
78
12287 content-brief-generator jamesrochabrun/skills
Content Brief Generator A comprehensive skill for creating detailed content briefs that guide writers, ensure consistency, and align content with business goals. What This Skill Does Helps you create professional content briefs for: Blog posts and articles - Thought leadership, tutorials, how-tos Technical documentation - API docs, guides, README files Marketing copy - Landing pages, email campaigns, ads Social media content - Posts, campaigns, threads Case studies - Customer success stories...
78
12288 server-actions davepoon/buildwithclaude
Next.js Server Actions Overview Server Actions are asynchronous functions that execute on the server. They can be called from Client and Server Components for data mutations, form submissions, and other server-side operations. Defining Server Actions In Server Components Use the 'use server' directive inside an async function: // app/page.tsx (Server Component) export default function Page ( ) { async function createPost ( formData : FormData ) { 'use server' const title = formData . get ( 'titl...
78
12289 dockerfile-generator jeremylongshore/claude-code-plugins-plus-skills
Dockerfile Generator Purpose This skill provides automated assistance for dockerfile generator tasks within the DevOps Basics domain. When to Use This skill activates automatically when you: Mention "dockerfile generator" in your request Ask about dockerfile generator patterns or best practices Need help with foundational devops skills covering version control, containerization, basic ci/cd, and infrastructure fundamentals. Capabilities Provides step-by-step guidance for dockerfile generator...
78
12290 security-testing-patterns nickcrew/claude-ctx-plugin
Security Testing Patterns Expert guidance for implementing comprehensive security testing strategies including static analysis, dynamic testing, penetration testing, and vulnerability assessment. When to Use This Skill Implementing security testing pipelines in CI/CD Conducting security audits and vulnerability assessments Validating application security controls and defenses Performing penetration testing and security reviews Configuring SAST/DAST tools and interpreting results Testing authen...
78
12291 remotion-ads maartenlouis/remotion-ads
Remotion Ads - Instagram Video & Carousel Creation Complete toolkit for creating professional Instagram Reels and Carousel ads with Remotion. Quick Setup Before creating any videos, configure your brand: Copy rules/design-system-template.md to rules/design-system.md Fill in your brand colors, fonts, and asset paths Generate backgrounds: node scripts/generate-backgrounds.js Scan assets: node scripts/scan-instagram-assets.js See rules/setup.md for complete project setup. Rule Files Core Docu...
78
12292 strategic-narrative pmprompt/claude-plugin-product-management
Domain Context This skill implements a proven product management framework. The approach combines best practices from industry leaders and is designed for practical application in day-to-day PM work. Input Requirements Context about your product, feature, or problem Relevant data, research, or constraints (recommended but optional) Clear articulation of what you're trying to achieve Strategic Narrative What It Is Strategic Narrative is a framework for crafting the one story that drives everythin...
78
12293 release m1heng/clawdbot-feishu
Release Workflow This skill provides a systematic workflow for creating and publishing releases for the linear-cli project. It handles changelog management, version bumping, testing, and tagging. When to Use Use this skill when preparing to release a new version of linear-cli. The workflow ensures all changes are documented, tests pass, and versions are properly tagged before publishing. Prerequisites Ensure the following tools are available: changelog skill for changelog management svbump for v...
78
12294 mcp-builder vudovn/antigravity-kit
MCP Server Development Guide Overview Create MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. The quality of an MCP server is measured by how well it enables LLMs to accomplish real-world tasks. Process 🚀 High-Level Workflow Creating a high-quality MCP server involves four main phases: Phase 1: Deep Research and Planning 1.1 Understand Modern MCP Design API Coverage vs. Workflow Tools: Balance comprehensive API endpoint coverag...
78
12295 growth-product-manager ncklrs/startup-os-skills
Growth Product Manager Strategic growth product management expertise for SaaS companies — from growth loops and activation to retention, monetization, and PLG strategies. Philosophy Growth isn't about hacks. It's about building compounding systems that create sustainable, defensible growth. The best growth product strategies: Systems over tactics — Growth loops compound; growth hacks don't Activation is everything — If users don't activate, nothing else matters Retention is growth — Churn kills;...
78
12296 stakeholder-update-generator pmprompt/claude-plugin-product-management
Domain Context This skill implements a proven product management framework. The approach combines best practices from industry leaders and is designed for practical application in day-to-day PM work. Input Requirements Context about your product, feature, or problem Relevant data, research, or constraints (recommended but optional) Clear articulation of what you're trying to achieve Stakeholder Update Generator When to Use Shipping a new feature or product update Need to communicate progress to ...
78
12297 alicloud-skill-creator cinience/alicloud-skills
Category: tool Alibaba Cloud Skill Creator Repository-specific skill engineering workflow for alicloud-skills . Use this skill when Creating a new skill under skills/ . Importing an external skill and adapting it to this repository. Updating skill trigger quality ( name and description in frontmatter). Adding or fixing smoke tests under tests/ . Running structured benchmark loops before merge. Do not use this skill when The user only needs to execute an existing product skill. The task is purely...
78
12298 base alinaqi/claude-bootstrap
No SKILL.md available for this skill. View on GitHub
78
12299 java-best-practices clostaunau/holiday-card
单例模式(枚举实现): ``` public enum Singleton { INSTANCE; public void doSomething() {} } ``` 工厂模式: ``` public class UserFactory { public static User createUser(String type) { return switch (type) { case "admin" -> new AdminUser(); case "guest" -> new GuestUser(); default -> new RegularUser(); }; } } ``` Builder 模式: ``` User user = User.builder() .name("张三") .age(25) .build(); ``` Stream API ``` List<String> names ...
78
12300 css-native dylantarre/animation-principles
CSS Native Animation Principles Implement all 12 Disney animation principles using CSS animations, transitions, and transforms. 1. Squash and Stretch @keyframes squash-stretch { 0%, 100% { transform: scaleX(1) scaleY(1); } 50% { transform: scaleX(1.2) scaleY(0.8); } } .ball { animation: squash-stretch 0.3s ease-in-out; } 2. Anticipation @keyframes anticipate-jump { 0% { transform: translateY(0); } 20% { transform: translateY(10px) scaleY(0.9); } /* wind up */ 100% { transform: trans...
78