Copiez ce prompt dans l’assistant IA que vous utilisez.
Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/langchain-ai/design-agent.Chargement du README du dépôt…
Affichage de 37 skills collectés sur 37.
Change what Design Agent knows and does. Teach it a new deliverable with a runtime skill, change its instructions, design doctrine or checks, connect MCP servers and tools, or change models and cost caps. Use when someone wants it to make something new,…
Langue du texte source : anglais
Design doctrine to weigh on any visual. Hierarchy, typography, colour, layout, platform sizes, chart and diagram principles, and the review rubric critics score against.
Langue du texte source : anglais
Direct and review motion built in HyperFrames, from a sting to a film. The idea and its turn, timing on a grid, craft, named moves, sound on the picture, and the review rubric.
Langue du texte source : anglais
On-brand still images built as HTML and rendered in a real browser, such as ads and banners in several sizes, social images, carousels, and paged PDFs (one-pagers, booklets, static decks). Not for charts or diagrams (data-viz), thumbnails or motion.
Langue du texte source : anglais
Put Design Agent in a team's Slack. Deploy it to Managed Deep Agents (one command, managed Slack app) or self-host it with Docker Compose, verify it with a real request, ship updates, and keep a separate test copy. Use when someone wants the agent running for…
Langue du texte source : anglais
Diagnose Design Agent when something fails. Setup, a render, a deploy, Slack or a model call. Run doctor and the connection tests, read logs and traces, match the symptom to its fix, and never print credentials. Use when a command errors, a reply never comes,…
Langue du texte source : anglais
Bring a fork or clone of Design Agent up to date with the upstream repository while keeping the team's brand, skills and edits, rebuild what changed, and redeploy safely. Use when someone asks to update, upgrade or pull the latest Design Agent.
Langue du texte source : anglais
Run the release gates before tagging a Design Agent release: hygiene, secrets, licenses, docs, tests, and the human reviews.
Langue du texte source : anglais
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns…
Langue du texte source : anglais
Move a vendored upstream (HyperFrames, LangSmith skills, Deep Agents skills) to a newer pin, re-vendor its skills unmodified, verify them, and update everything that depends on the pin.
Langue du texte source : anglais
Find out whether a change made Design Agent better or worse. Run the eval set or a few tasks before and after against the same model, read the reports, look at the files, and turn a real request that went wrong into a task. Use after changing instructions,…
Langue du texte source : anglais
Install and configure Design Agent, add a brand, connect Paper, choose MDA or self-hosting, and diagnose setup without exposing credentials.
Langue du texte source : anglais
Build the active brand pack in workspace/brand/ from a brand guide, website, files or a Paper file, validate it, and have a person review it.
Langue du texte source : anglais
Charts, stat cards, flywheels and diagrams (flows, architectures, hierarchies) rendered on brand from a JSON spec to PNG and SVG. Use for any visual whose job is numbers or relationships, including restyling an attached chart or diagram.
Langue du texte source : anglais
Visual judgment for a new asset or a restyle of a supplied one. The concept gate, choosing ground, accent and type from the brand pack, and preserving a supplied reference.
Langue du texte source : anglais
Turn a vague or multi-asset design ask into a brief. Pull what is already known, ask at most two questions with reasons, decide the rest and say what you decided.
Langue du texte source : anglais
Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, “炸/特效/酷炫字幕,” or a named identity from the 35-style catalog.…
Langue du texte source : anglais
Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept…
Langue du texte source : anglais
Measure a film someone hands you (cuts, contact sheets, motion energy, beat grid, colours) and compare a recreation against it frame by frame. Use for "recreate this", "make one like this", "what makes this work", "match this pacing" or "time it to this…
Langue du texte source : anglais
Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform…
Langue du texte source : anglais
Edit animated GIFs and screen-recording GIFs with ffmpeg and sharp (reframe to exact dimensions, swap on-frame text, retime, trim or reorder the loop, add a zoom-and-pan camera, encode small). Still images go to image-ops.
Langue du texte source : anglais
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API,…
Langue du texte source : anglais
Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish, cloud, cloudrun, feedback, lambda, doctor, browser, info, upgrade,…
Langue du texte source : anglais
The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and…
Langue du texte source : anglais
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any…
Langue du texte source : anglais
Generate original imagery with the generate_image host tool, such as illustrations, scenes, textures, hero objects, look plates for storyboards and transparent cut-outs. Not for layouts, logos, exact copy, charts or product UI.
Langue du texte source : anglais
Deterministic pixel work on an existing image with sharp, Photoshop's image menu in code (resize, crop, rotate, tint, trim, flatten, pad, composite with blend modes, convert, compress, read metadata). Not for new pictures or branded layouts.
Langue du texte source : anglais
Direct and produce a 30 s to 3 min launch film, teaser or recreation with helpers, from brief and storyboard approval through parallel acts, reviews, the final render and cut-downs.
Langue du texte source : anglais
Route any design or motion request to the right pipeline and skill, from a single still to a launch film. Use first for every new ask.
Langue du texte source : anglais
Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat…
Langue du texte source : anglais
Draft on the shared Paper canvas when paper_ tools are present (layouts, storyboard twins, thumbnails people will nudge), read a Paper brand file, and what to do when Paper is not connected.
Langue du texte source : anglais
Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a…
Langue du texte source : anglais
Study a film someone supplies, frame by frame, to learn what makes it work. Measure it, write a teardown, and propose observations or skill edits for a person to approve.
Langue du texte source : anglais
Sound for a film or animation, covering voiceover, music bed, sound effects, UI cues, mixing and mastering to -14 LUFS. Use when a video needs sound, a voiceover, or a silent render needs a score.
Langue du texte source : anglais
Plan a new film or animation before it is built, from the argument to a beat sheet, a handoff sheet and on-brand pose frames on one contact sheet for sign-off. Not for revisions to an approved or delivered video.
Langue du texte source : anglais
Video thumbnails and A/B thumbnail sets, including refreshes of an older video's thumbnail, with small-size legibility checks. A thumbnail is a still; banners and social images go to stills.
Langue du texte source : anglais
Look at your own renders before delivery and fix what is off. A restyle beside its source, a pixel-level fix as zoomed before/after crops, a video as a filmstrip of key frames.
Langue du texte source : anglais
Le README n’a pas pu être chargé. Vous pouvez toujours consulter les Skills du dépôt ci-dessous.