build-before-after-change-deck
Skill1 starsChanged 4 months agoMITView on GitHub
Create or revise concise, high-density editable PPTX or Keynote-style change presentations that explain menu, information-architecture, design-system, product, or process changes through clear Before/After evidence. Use when the user asks to 收敛汇报, 提高信息密度, 简明表达设计前后变化, 汇总新增/名称/层级/状态变化, compress a long deck into a short review version, or add transitions without object drift, blank thumbnails, or GIF-dependent playback. Preserve confirmed facts and bilingual mappings, and use native page transitions unless object-level motion is demonstrably safe.
In this repository16 other files it gives its agents.
- analyze-brand-web-experienceSkill
- audit-public-report-languageSkill
- build-design-skill-packageSkill
- build-html-sharing-reportSkill
- content-source-truth-auditorSkill
- context-first-design-executionSkill
- cross-device-recomposition-specSkill
- design-feedback-to-ruleSkill
- design-qa-evidence-packSkill
- design-system-contract-lockSkill
- enforce-ui-visual-restraintSkill
- extract-design-systemSkill
- html-to-figma-workflowSkill
- interaction-specimen-builderSkill
- sync-responsive-figma-from-webSkill
- web-design-guidelinesSkill
The file
Show its rules and text
We split this skill into the rules it gives an agent
28 rules. About 0 are common, 26 are distinctive, and 2 are very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈26
Distinctive · estimate
This author's own choices. Worth a look.
2
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Very specific: line 14
Use context-first-design-execution when this deck continues an existing revision chain or the request refers to earlier versions.
- Distinctive: line 16
Read change-ledger-and-transition-gate.md when the deck contains several change types, paired slides, bilingual mappings, or any requested …
- Distinctive: line 18
Keep project facts, private screenshots, node IDs, and internal filenames in the task workspace.
- Distinctive: line 22
Create a change ledger before laying out slides:
- Distinctive: line 35
Keep the business object and action separate:
- Distinctive: line 37
Use the main title to answer what is changing.
- Distinctive: line 38
Use a large, consistent action tag to answer how it changes.
- Distinctive: line 39
Use the comparison body to show Before → After.
- Distinctive: line 41
Do not mix object names, action types, status labels, and evidence notes at the same hierarchy level.
- Distinctive: line 45
Prefer this sequence when the source supports it:
- Distinctive: line 57
Use two complementary views:
- Distinctive: line 66
Treat density as decision-relevant information per visible area.
- Distinctive: line 70
Keep three to five information groups per slide.
- Distinctive: line 71
Place bilingual labels together on the same slide when the audience needs direct mapping.
- Distinctive: line 72
Use one repeated visual grammar for all change types.
- Distinctive: line 74
Use the footer for the conclusion, counting rule, or pending note.
- Distinctive: line 98
keep the title, margins, grid, and stable context in the same positions.
- Distinctive: line 102
avoid object matching when tables reorder, text changes length, or objects were rebuilt.
- Distinctive: line 106
Use this order of preference:
- Distinctive: line 120
Keep first and final frames complete.
- Very specific: line 124
Use scripts/apply_safe_fade_transitions.py when an existing PPTX needs native Fade transitions on known After slides:
- Distinctive: line 143
Remove unwanted GIF layers and relationships with the presentation tooling before running the script.
- Distinctive: line 151
verify all counts and Before/After mappings against the ledger.
- Distinctive: line 152
check action-tag legibility and consistent position.
- Distinctive: line 153
run overflow, clipping, font, missing-media, and package-integrity checks.
- Distinctive: line 156
verify transition targets, absence of unintended Morph matches, and absence of GIF media when native transitions were requested.
- Distinctive: line 157
keep pending translations, states, and decisions visibly pending.
- Distinctive: line 159
Do not claim success because the PPTX contains transition XML or media.
≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Build Before/After Change Deck
Build a decision surface that lets the audience answer three questions quickly: what object changed, how it changed, and what the resulting structure or consequence is.
Load prerequisites
- Load and follow the environment's presentation Skill before reading, editing, rendering, or validating presentation files.
- Load the PDF Skill when source or output includes PDF.
- Use
context-first-design-executionwhen this deck continues an existing revision chain or the request refers to earlier versions.
Read change-ledger-and-transition-gate.md when the deck contains several change types, paired slides, bilingual mappings, or any requested transition. Use the ledger as the canonical record for object/action separation, source evidence, counts, and transition safety.
Keep project facts, private screenshots, node IDs, and internal filenames in the task workspace. Do not embed them in this reusable Skill.
Lock the source of truth
Create a change ledger before laying out slides:
| Field | Meaning |
| Business object | The menu group, module, component, product area, or process being changed |
| Action | Name, Hierarchy, Add, Status, Remove, or another confirmed verb |
| Before | Exact old value or structure |
| After | Exact new value or structure |
| Count | Confirmed quantity before and after, when available |
| State | Confirmed, pending, merge, retire, or another source-defined status |
| Evidence | Source screenshot, table, file, or approved design |
| Language | Confirmed bilingual mapping or explicit pending label |
Keep the business object and action separate:
- Use the main title to answer what is changing.
- Use a large, consistent action tag to answer how it changes.
- Use the comparison body to show Before → After.
Do not mix object names, action types, status labels, and evidence notes at the same hierarchy level.
Build the narrative from decisions
Prefer this sequence when the source supports it:
scope and conclusion
→ change-type totals
→ Before/After change groups
→ resulting complete structure
→ pending decisions or release statesFor a short 5–10 page review deck, combine related evidence rather than deleting important change types. Keep the full-detail deck as an appendix or source artifact when needed.
Use two complementary views:
- Change view — groups by action such as added, renamed, hierarchy changed, or status changed.
- Structure view — shows the resulting first-level and second-level information architecture.
State the counting rule once. Keep totals internally consistent and expose unresolved names or data as pending instead of inventing them.
Raise information density
Treat density as decision-relevant information per visible area.
- Target about 75–85% meaningful page coverage while preserving one dominant read.
- Replace explanatory paragraphs with counts, matrices, compact rows, aligned comparisons, and short conclusions.
- Keep three to five information groups per slide.
- Place bilingual labels together on the same slide when the audience needs direct mapping.
- Use one repeated visual grammar for all change types.
- Crop screenshots to the evidence-bearing region and remove browser chrome or inactive margins.
- Use the footer for the conclusion, counting rule, or pending note.
Remove:
- repeated gray subtitle sentences below every title;
- process notes that belong in speaker notes;
- duplicated explanations already visible in the comparison;
- decorative cards, lines, or arrows that do not encode a relation;
- empty title slides that interrupt a short review flow;
- tiny action labels that cannot be read on a projector.
Make action tags visually secondary to the business object but large enough to scan. Use a consistent position and color mapping; as a study baseline, start around 16–20 pt and adjust to the real canvas and viewing distance.
Compose Before/After pages
Choose one pattern per change family:
- Side-by-side comparison — use when both states fit legibly and direct row matching matters.
- Paired slides — use when the structure is dense, when rows reorder, or when a transition should reveal the new state.
- Summary plus detail — use one count overview followed by compact change groups.
- Final structure — show the complete resulting hierarchy after the change explanation.
For paired slides:
- keep the title, margins, grid, and stable context in the same positions;
- highlight changed rows and dim unchanged rows only during presentation emphasis;
- preserve the complete page in editing view and thumbnails;
- show the Before page first and the After page second;
- avoid object matching when tables reorder, text changes length, or objects were rebuilt.
Choose a safe transition
Use this order of preference:
- Native page Fade — default for reliable Before → After explanation. It does not depend on object identity and avoids row, arrow, or label drift.
- Native Morph / Magic Move — use only when paired objects have stable names or IDs, compatible types, intentional bounding-box changes, and verified start/end renders.
- Embedded media — use only when the user specifically needs a self-contained animation and editing-view limitations are acceptable.
Switch from Morph/Magic Move to Fade when any of these occur:
- menu rows are inserted, deleted, reordered, or regrouped;
- text boxes have different content length or wrapping;
- arrows, tags, and table cells match the wrong objects;
- the editor and slideshow use different object identity rules;
- one full render shows an unintended path or overlap.
Keep first and final frames complete. Do not use a blank first frame, invisible entrance state, or GIF poster frame as the editing view.
Apply deterministic Fade transitions
Use scripts/apply_safe_fade_transitions.py when an existing PPTX needs native Fade transitions on known After slides:
python scripts/apply_safe_fade_transitions.py \
input.pptx \
output.pptx \
--slides 3,5,7,9 \
--speed med \
--clear-othersThe script:
- writes to a distinct output file by default;
- rejects PPTX packages containing GIF media unless
--allow-gifis explicit; - inserts native
<p:fade/>transitions without altering slide objects; - can remove transitions from unselected slides with
--clear-others; - validates the selected slides after writing.
Remove unwanted GIF layers and relationships with the presentation tooling before running the script. Do not delete media package entries by filename alone.
Validate every output
Before delivery:
- render every slide at full size;
- inspect a montage for density, hierarchy, repeated silhouettes, and pacing;
- verify all counts and Before/After mappings against the ledger;
- check action-tag legibility and consistent position;
- run overflow, clipping, font, missing-media, and package-integrity checks;
- inspect each transition in slideshow order;
- confirm editor thumbnails and first frames show complete content;
- verify transition targets, absence of unintended Morph matches, and absence of GIF media when native transitions were requested;
- keep pending translations, states, and decisions visibly pending.
Do not claim success because the PPTX contains transition XML or media. The rendered Before state, rendered After state, and actual transition path must all be correct.
Deliver
Return:
- editable PPTX and requested PDF or Keynote-compatible artifact;
- page count and change-type totals;
- short narrative summary;
- transition type and target slides;
- QA status for overflow, first frames, object drift, and unresolved content.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

