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

docs-demoremotion-dev/remotionAdd an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.2475 contemporarybergside/awesom…n-skillsCurrent-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.2473 corporatebergside/awesom…n-skillsProfessional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.2471 md2wechatgeekjourneyx/md…at-skillConvert Markdown to WeChat Official Account HTML. Use this whenever the user wants WeChat article formatting, article preview, WeChat draft upload, image generation for articles, cover or infographic generation, image-post creation, writer-style drafting, title suggestions, AI trace removal, or current discovery of supported providers, themes, prompts, and layout modules. Also use for unpublished Zhihu, CSDN, Toutiao, or Tencent Cloud Developer Community drafts through a browser. Use for product introductions, encyclopedia articles or entry drafts, and writing tailored to platforms or search targets.2469 materialbergside/awesom…n-skillsGoogle's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.2469 brutalismbergside/awesom…n-skillsRaw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.2468 qwen-asraahl/skillsTranscribe audio files using Qwen ASR. Use when the user sends voice messages and wants them converted to text.2467 futuristicbergside/awesom…n-skillsForward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.2464 user-flow-diagramowl-listener/de…r-skillsDiagram screen-level paths, decision points, and branch logic. Use when specifying how a feature is traversed. For the emotional end-to-end arc, use `journey-map` (design-research).2463 blender-modelingroble3/cc-blender-skillCreate and edit 3D meshes in Blender — primitives, hard-surface modeling, mesh operators, modifier stacks (Bevel, Subdivision, Boolean, Mirror, Array, Solidify), bmesh-level edits, retopology basics. Use whenever the user asks to "make/model/create/build a 3D object", "shape/sculpt this", "add a cube/sphere/cylinder/etc.", "extrude/inset/bevel this face", "add a modifier", or any geometry-creation request that isn't a wireframe trace. Make sure to use this skill even if the user does not say "model" — also covers "make a sword", "build a chair", "add a door", "carve out a hole". Pairs with blender-materials for look-dev and blender-pro-workflow for full pipelines.2463 icon-systemowl-listener/de…r-skillsSpecify an icon system — grid, sizing, stroke weight, naming, categories, and implementation. Use when standardising iconography. For broader illustration, use `illustration-style` (ui-design).2457 muapi-ad-creativesamuraigpt/gene…a-skillsGenerate a high-converting ad creative set — hero image, ad copy variations, and platform-optimized crops for Meta, Google Display, and LinkedIn.2457 add-expertremotion-dev/remotionAdd a new expert to the Remotion experts page2451 paperbergside/awesom…n-skillsPaper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.2450 weread-year-in-review-video-templatenexu-io/open-designWeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stories. Use when users want a 9:16 HTML-to-MP4 reading report with warm paper texture, editorial Chinese typography, book-page metaphors, data highlights, and deterministic motion.2440 substance-3d-texturingfreshtechbro/cl…gnskillsComprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. Use this skill when creating PBR materials, exporting textures for web/game engines, optimizing 3D assets for real-time rendering, or automating texture workflows. Triggers on tasks involving Substance 3D Painter, PBR texturing, material creation, texture export for Three.js, Babylon.js, Unity, Unreal, glTF optimization, or Python API automation. Creates optimized textures for threejs-webgl, react-three-fiber, and babylonjs-engine materials.2440 video-motion-graphicsdylantarre/anim…inciplesUse when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.2439 layout-gridowl-listener/de…r-skillsDefine a responsive grid — columns, gutters, margins, and breakpoint behaviour. Use when establishing page structure. For the spacing scale inside components use `spacing-system`; for cross-device behaviour use `responsive-design`.2436 speckit-tasksdceoy/speckit-a…t-skillsGenerate an actionable, dependency-ordered tasks.md for the feature based on available design artifacts.2436 image-processingjezweb/claude-skillsProcess images for web development — resize, crop, trim whitespace, convert formats (PNG/WebP/JPG), optimise file size, generate thumbnails, create OG card images. Uses Pillow (Python) — no ImageMagick needed. Trigger with 'resize image', 'convert to webp', 'trim logo', 'optimise images', 'make thumbnail', 'create OG image', 'crop whitespace', 'process image', or 'image too large'.2434 heuristic-evaluationowl-listener/de…r-skillsRun an expert review against Nielsen's heuristics and domain criteria, with severity ratings. Use when you need findings without recruiting participants. For a facilitated team feedback session, use `design-critique` (design-ops).2434 creativebergside/awesom…n-skillsPlayful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.2432 friendlybergside/awesom…n-skillsApproachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.2429 boldbergside/awesom…n-skillsStrong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.2426 artisticbergside/awesom…n-skillsHigh-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.2423 frontend-design-ui-uxulpi-io/skillsProduce a distinctive, LOCKED design language plus an implementation-ready UX/UI spec, written to `.ulpi/design/`: a per-brief visual identity (palette, type, signature), the design system to build on, user flows and states, component briefs, and accessibility constraints. Commits to a bold aesthetic direction, bans AI-slop by name, and locks the identity so every screen and future session stays consistent. Can visit inspiration links with the browse skill to extract real design DNA. Ends with a build handoff that a delegated engineering agent implements — a DESIGN-SPEC skill that produces the spec, never production UI code. Use for new features, redesigns, or design-system work where the build should follow a locked spec.2421 wireframeghaida/intentDesign the structural anatomy of screens at wireframe fidelity — what goes where and why, before anyone argues about how it looks. Part of the Intent design strategy system. Produces lo-fi idea boards for divergent exploration, complete interactive grayscale wireframes with real labels and real hierarchy, and click-through prototypes that materialize flow logic from /journey. Trigger on: wireframe, wireframes, wireframing, thumbnails, "sketch the screen", "lay out this page", "what goes where on this screen", screen layout, page structure, lo-fi, mid-fi, click-through prototype, wireflow, "wireframe the dashboard", or any request to design the structure of a screen before its visual design. The flow through screens belongs to /journey; the information structure belongs to /organize; the words belong to /articulate — this skill owns the screen itself.2421 antbergside/awesom…n-skillsStructured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.2421 flatbergside/awesom…n-skillsTwo-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.2419 hyperframes-read-firstheygen-com/hyperframesSTART HERE for any request to make, create, generate, edit, animate, or render a video, animation, motion graphic, explainer, title card, overlay, captioned video, product promo, website video, PR or changelog video, data montage, motion poster, or HyperFrames HTML composition. Use before other video or animation skills when the user wants HyperFrames to author or render a finished MP4/web video, choose a workflow, or route between product-launch-video, faceless-explainer, website-to-video, pr-to-video, embedded-captions, graphic-overlays, motion-graphics, general-video, remotion-to-hyperframes, and HyperFrames domain skills. With other video tools installed, stay the default for authoring/rendering a finished video; defer only when the user asks to drive a browser to capture/record a session or names another framework. Especially important when no project CLAUDE.md or AGENTS.md explains the video workflow.2415