设计与多媒体 Skills - 设计与多媒体 Agent Skills推荐与安装 - 第30页 - AI导哈

blog-audioagricidaniel/claude-blogPaid Gemini TTS audio for a finished blog post: summary, full read-aloud, or two-speaker dialogue, with an MP3 and an HTML5 embed. Asks for explicit consent before the first paid call. Runs only on an explicit request: /blog audio, "generate audio for this blog post", "narrate this blog post", "audio version of this post", or "podcast version of this post". Not for general speech or dictation questions.2582 glassmorphismiart-ai/web-ani…n-skillsThis skill should be used when the user asks to "add a glassmorphism effect", "frosted glass UI", "Apple liquid glass style", "frosted blur card", "translucent glass panel animation", "make a frosted nav bar", "build a glass modal/dialog", "animate a glass card on hover", or "add a refracting liquid-glass hero". Covers frosted translucent panels with backdrop-filter blur, edge/specular highlights, SVG liquid-glass refraction, motion on hover/scroll/enter, and accessible reduced-transparency fallbacks.2580 impeccable-design-polishnexu-io/open-designFollow-up design polish skill inspired by Impeccable. Use after a web or HTML artifact exists to audit, critique, polish, animate, harden, and prepare the page for a live/share pass.2579 frontend-designsickn33/agentic…e-skillsDesign and implement a distinctive frontend within the product’s existing brand, accessibility, performance and framework constraints.2578 brand-storytellingrefoundai/lenny-skillsHelp users craft compelling brand narratives. Use when someone is defining brand strategy, writing company positioning, creating pitch narratives, developing messaging frameworks, or trying to make their company story more memorable.2568 pixijs-2dfreshtechbro/cl…gnskillsFast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle systems, interactive canvases, sprite animations, or UI overlays on 3D scenes. Triggers on tasks involving PixiJS, 2D rendering, sprite sheets, particle effects, filters, or high-performance canvas graphics. Alternative to Canvas2D with WebGL acceleration for rendering thousands of sprites at 60 FPS.2566 babylonjs-enginefreshtechbro/cl…gnskillsComprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizations, or immersive web applications. Triggers on tasks involving Babylon.js, 3D scenes, WebGL/WebGPU rendering, entity-component systems, physics simulations, PBR materials, shadow mapping, or 3D model loading. Alternative to Three.js with built-in editor integration and game engine features.2566 wwdcsuperwall/skillsUse this skill whenever the user asks about WWDC sessions, Apple Developer videos, WWDC transcripts, session IDs, technologies announced at WWDC, or wants an agent to find, compare, cite, summarize, or navigate WWDC session content. Fetch current docs from wwdc.ai via llms.txt and page markdown. Maintained by Superwall.com: the quickest way to add in-app subscriptions and paywalls to your app.2562 remove-animationsemilkowalski/skillsFind the animations an interface doesn't need and remove them — motion on keyboard actions, high-frequency surfaces, functional data, and decoration with no purpose — then clean up what they leave behind. Edits code, but only to subtract; it never adds or retunes motion. Use when the user says the app "feels slow", "has too much animation", "feels over-animated", wants to "tone down the motion", or asks what animations to remove. For finding places that should animate, use find-animation-opportunities; for fixing animations that should stay, use improve-animations or review-animations.2555 color-systemowl-listener/de…r-skillsBuild a product colour system — tonal scales, semantic roles, and contrast compliance. Use when defining or rebuilding colour from scratch. For dark-mode adaptation use `dark-mode-design`; for chart palettes use `data-visualization`; for multi-brand token architecture use `theming-system` (design-systems).2551 physics-3d-collisionunity-technolog…s/skillsDiagnoses 3D PhysX collision and trigger problems. Use when OnCollisionEnter or OnTriggerEnter doesn't fire, objects pass through each other, raycasts miss, or a MeshCollider misbehaves. Also answers 2D and DOTS physics best-effort if no dedicated skill is available.2546 img2threejsimg2threejs/img2threejsTurn an object or character reference image into a quality-gated, animation-ready procedural Three.js model built in code. Use for image-to-3D reconstruction, detail-accurate object rebuilds, stylized/likeness-maximized human characters, sculpt specs, and staged code generation.2546 kinetic-typographyiart-ai/kinetic…y-skillsThis skill should be used when the user asks to "animate a headline", "make a kinetic typography video", "do a split-text reveal", "stagger text by character/word/line", "make a lyric or caption video", "animate a variable font weight", "put text on a path", or "create an animated title card". Covers reveal techniques in CSS, GSAP SplitText, Framer Motion, and Remotion.2536 roblox-animation-vfxtabooharmony/ro…ox-brainUse when adding, changing, or fixing Roblox animations, particles, beams, trails, tweens, camera shake, or other visual effects.2528 refinedbergside/awesom…n-skillsCarefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.2527 page-transition-animationiart-ai/web-ani…n-skillsThis skill should be used when the user asks to "animate page or route transitions", "add a page transition or crossfade between views", "animate route changes in Next.js App Router", "use the View Transitions API", "AnimatePresence exit doesn't fire on navigation", or "Framer Motion exit animation not working / exit animation before unmount in Next.js". Covers enter/exit page-transition animation with the View Transitions API and Framer Motion, for Next.js App Router and general SPA routing.2526 muapi-instagram-postsamuraigpt/gene…a-skillsCreate a polished, on-brand Instagram post — square or portrait hero image with matching caption and hashtags.2523 professionalbergside/awesom…n-skillsPolished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.2520 apify-brand-reputation-monitoringapify/agent-skillsTrack reviews, ratings, sentiment, and brand mentions across Google Maps, Booking.com, TripAdvisor, Facebook, Instagram, YouTube, and TikTok. Use when user asks to monitor brand reputation, analyze reviews, track mentions, or gather customer feedback.2518 muapi-product-video-ad-makersamuraigpt/gene…a-skillsCreate a high-end cinematic product video advertisement starting from a simple product photo.2510 prompt-videosreplicate/skillsPrompting techniques for AI video generation models on Replicate. Use when writing prompts for video models or building video generation features.2507 modernbergside/awesom…n-skillsContemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.2506 game-design-theorypluginagentmarketplace/custom-plugin-game-developerComprehensive game design theory covering MDA framework, player psychology, balance principles, and progression systems. Master why games are fun.2503 brand-guidelinesgetsentry/skillsWrite copy following Sentry brand guidelines. Use when writing UI text, error messages, empty states, onboarding flows, 404 pages, documentation, marketing copy, or any user-facing content. Covers both Plain Speech (default) and Sentry Voice tones.2502 storytellingbergside/awesom…n-skillsNarrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.2500 dark-mode-designowl-listener/de…r-skillsAdapt an existing palette to dark mode — surface elevation, contrast rebalancing, and desaturation rules. Use when you already have a light palette to translate. For building the base palette first, use `color-system`.2499 k2f-media-kitsuzheng/k2fTurn verified company, product, and leadership inputs into a journalist-ready media kit with scannable facts, boilerplate, and asset guidance—not a pitch deck or sales one-pager. Use when the user asks for a media kit, press kit, PR kit, or creator resource pack. Create media kits with AI-native design and the highest aesthetic standards, powered by the K2F format and engine. Purpose-built for AI agents, K2F lets them focus on semantic content and design intent while automatically handling layout, typography, and formatting complexity.2498 scope-triagesentimony/skillsYou MUST use this when a request needs design decisions before code - new features, product or UX behavior, architecture changes, unclear success criteria, or two materially different approaches. Explicitly specified mechanical refactors, localized fixes with known expected behavior, and single-outcome config changes go straight to implementation.2497 claymorphismbergside/awesom…n-skillsSoft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.2487 blog-brandagricidaniel/claude-blogEstablish durable brand and voice context for cross-skill consumption. Generates BRAND.md (audience, positioning, do/don't editorial rules, taboo phrases, competitor differentiation) and VOICE.md (existing persona JSON re-expressed as readable prose), both written to the project root. When present, the blog orchestrator loads these files, fenced as untrusted data, for write, rewrite, brief, outline, calendar, and strategy workflows. Pairs with blog-persona, which manages the structured persona JSON. Use when the user says "blog brand", "create brand context", "BRAND.md", "VOICE.md", "establish editorial brand". Not for learning a voice from existing posts (blog-style) or managing persona JSON (blog-persona).2484