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

spline-interactivefreshtechbro/cl…gnskillsBrowser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web experiences, prototyping 3D UI, exporting to React/web, or building designer-friendly 3D content. Triggers on tasks involving Spline, no-code 3D, visual 3D editor, 3D animation, state-based interactions, React Spline integration, or scene export. Alternative to Three.js for designers who prefer visual tools over code.2853 dbs-video-navigationdontbesilent2025/dbskill根据本地视频或带时间戳字幕划分章节、话题或步骤，生成可导入剪辑软件的导航条 MP4、动态分段进度和时间表。用户要求视频章节导航、顶部进度条或当前位置提示时使用；不负责平台链接数据提取或标题封面开头文案。2851 om-ux-setupopen-mercato/skillsExtract the repository's design contract (tokens, component registry, screen archetypes, conventions) into .uxproof/ so every UX skill judges against THIS repo's design system, whatever it is — including one shipped by a dependency, imported as a version-stamped layer. Run once per repository; re-run to refresh after design-system changes.2846 fal-lip-syncnexu-io/open-designCreate talking head videos and lip sync audio to video via fal.ai. Useful for explainer avatars, multilingual dubbing previews, and social cuts.2843 platform-designnexu-io/open-design300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Useful when shipping a single design across iOS, Android, and the web.2841 evaluateghaida/intentStructured UX evaluation that ranks specific issues by severity and states the change that fixes each. Part of the Intent design strategy system. Runs heuristic evaluations, cognitive walkthroughs, anti-pattern detection, and task success analysis. Rates every finding critical, major, minor or cosmetic, names the heuristic it violates, and states the fix in design terms; which skill makes the fix is said in the reply. Trigger on: UX review, design audit, heuristic evaluation, usability assessment, "review this design", "what's wrong with this", "evaluate the experience", "is this accessible", "check for dark patterns", "how good is this UX", "rate this design", "find the problems", or any request to systematically assess the quality of a user experience. This is the diagnostic entry point of the Intent system — the UX doctor that diagnoses issues and refers to specialists.2836 figma-implement-designnexu-io/open-designTranslate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.2832 faviconbrianlovin/agent-configGenerate a complete set of favicons from a source image and update HTML. Use when setting up favicons for a web project.2826 generating-mermaid-diagramsforcedotcom/sf-skillsSalesforce architecture diagrams using Mermaid with ASCII fallback. Use this skill when generating text-based diagrams for Salesforce architecture, OAuth flows, ERDs, integration sequences, or Agentforce structure. TRIGGER when: user says "diagram", "visualize", "ERD", or asks for sequence diagrams, flowcharts, class diagrams, or architecture visualizations in Mermaid. DO NOT TRIGGER when: user wants PNG/SVG image output (use generating-visual-diagrams), or asks about non-Salesforce systems.2821 muapi-ui-designsamuraigpt/gene…a-skillsGenerate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai2820 video-downloadernexu-io/open-designDownload videos from YouTube and other platforms for offline viewing, editing, or archival with support for various formats and quality options.2819 accessible-animationiart-ai/web-ani…n-skillsThis skill should be used when the user asks to "respect prefers-reduced-motion", "honor reduced motion", "make my animations accessible", "fix vestibular / motion-sickness issues", "add a useReducedMotion hook", "gate GSAP / Framer Motion / Lenis for reduced motion", or "meet WCAG 2.3.3 / C39". Provides tiered (not all-or-nothing) reduced-motion patterns in CSS and JS.2818 fal-3dnexu-io/open-designGenerate 3D models from text or images via fal.ai. Useful for game assets, AR previews, product mockups, and concept sculpting.2817 agentxstarchild-ai-agent/official-skillsAgentX forum: create posts, comments, likes, reposts, follows, attachments. Use when posting to the Starchild AgentX forum, not Twitter (e.g. share a project on AgentX, comment on a post, follow an agent, upload image).2814 editorialbergside/awesom…n-skillsMagazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.2814 pixel-art-spritesomer-metin/skil…igravitySpecialist in pixel art creation, sprite animation, and limited palette designUse when "pixel art, sprites, sprite sheet, sprite animation, retro game art, 8-bit, 16-bit, character sprites, tile art, pixel animation, aseprite, pixel-art, sprites, animation, game-art, retro, indie-games, 2d-graphics, sprite-sheets" mentioned.2812 animejsfreshtechbro/cl…gnskillsVersatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations, staggered sequences, SVG path animations, morphing, or multi-step animation choreography. Alternative to GSAP for SVG-heavy animations and React-independent projects.2811 fortifyghaida/intentHarden designs for real-world use by systematically identifying and designing for every condition outside the happy path. Part of the Intent design strategy system. Covers state inventories, error recovery, empty states, loading patterns, first-run experiences, stress testing, internationalization readiness, and latency handling. Trigger on: edge cases, error states, empty states, loading states, first-run experience, onboarding, offline mode, "what happens when", "what if the user", "stress test this", "what could go wrong", "harden this design", "edge case review", "what are the failure modes", zero states, timeout handling, or any question about how a design behaves outside ideal conditions.2809 imagennexu-io/open-designGenerate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.2808 specifyghaida/intentPackages an approved design for the people or agents who will build it. Part of the Intent design strategy system. The handoff is the project's own artifacts, the brief and the wireframes always and the service blueprint, journey map, information architecture, state inventory, accessibility documentation, measurement framework and copy deck when the project made them, with one entry page in front that says what the product is, what is in the package, how the pieces fit, and what is left to the builder. No visual design. Checks readiness first and runs the ethical review before packaging. Trigger when: a design is approved and someone needs to build it, "prepare the handoff", "package this for the build", "what does the coding agent need", "write the handoff", "is this ready to build".2805 premiumbergside/awesom…n-skillsApple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.2804 includeghaida/intentDesign for everyone by treating accessibility as a first-class design discipline, not a compliance checklist. Part of the Intent design strategy system. Covers WCAG 2.2 for designers, screen reader experience design, keyboard navigation, cognitive accessibility, motor accessibility, inclusive design beyond compliance, and accessibility testing methodology. Trigger on: accessibility, a11y, WCAG, screen reader, keyboard navigation, color contrast, alt text, focus management, touch targets, inclusive design, assistive technology, "is this accessible", "check accessibility", "design for everyone", "who are we excluding", ADA compliance, Section 508, EAA, reduced motion, or any question about whether all users can perceive, operate, understand, and benefit from the experience.2803 poster-heronexu-io/open-designVertical poster or Moments-style share image with strong visual impact.2801 algorithmic-artnexu-io/open-designCreate generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.2800 figma-code-connect-componentsopenai/skillsConnects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.2795 blueprintghaida/intentMap, analyze, and redesign the systems behind product experiences. Part of the Intent design strategy system. Creates service blueprints, ecosystem maps, process architecture, and dependency diagrams. Understands how services, teams, tools, and data flows connect to produce (or fail to produce) user outcomes. Proposes structural changes to how products and services are organized. Trigger on: service blueprints, system maps, process architecture, actor/role mapping, dependency analysis, cross-functional workflows, operational design, "how does this system work?", "what breaks when X happens?", "map out the service", "where are the dependencies?", or any question about the structural machinery behind a product experience. Use this skill broadly — whenever someone needs to understand or redesign how a system works, not just what a user sees.2795 localizeghaida/intentAdapts experiences across cultures and languages — not just translation, but cultural reconception. Part of the Intent design strategy system. When a product enters a new market, everything is in play: information density, navigation patterns, color meaning, icon comprehension, date formats, trust signals, payment flows, and the fundamental assumptions about how people make decisions. Trigger when: planning international expansion, auditing i18n readiness, adapting designs for RTL languages, reviewing cultural assumptions in a design, preparing localization test plans, or when someone says "we need to launch in [country]" and the plan is "just translate it." Also trigger for compliance reviews across markets (GDPR, PIPL, accessibility laws).2794 venice-audio-musicnexu-io/open-designMusic generation queueing, retrieval, and completion endpoints via Venice.ai. Suited for jingles, background loops, and prototype scoring.2793 azure-image-builderhashicorp/agent-skillsBuild Azure managed images and Azure Compute Gallery images with Packer. Use when creating custom images for Azure VMs.2791 designing-beautiful-websitestristanmanchester/agent-skillsDesign, implement, or critique website and web-app UX/UI: information structure, user flows, responsive layouts, visual systems, content, and interaction states. Use for a requested interface or visual-design change; do not expand a small component edit into an unrequested product redesign.2790