Stop hoarding references. Start turning them into your own edge.
Takeaway Skill pulls sites, effects, and visual systems apart, then helps you rebuild them as reusable patterns instead of surface-level copies.
Public v2.1 now: the method is public, while approvals, private archives, and local workflow traces stay out of the package.
English | 简体中文
- Break websites, screenshots, recordings, motion, or spoken references into explainable mechanisms.
- Separate surface style from the structure that is actually worth learning.
- Evaluate evidence and originality distance to reduce accidental imitation.
- Turn approved mechanisms into pattern cards or implementation briefs you can adapt.
- Hand them downstream by task, project, or global scope, with a clear record of use.
takeaway-skill is not about copying someone else's facade and selling it.
It is about:
- learning faster
- studying references with better judgment
- separating mechanism from surface style
- adapting ideas into stronger original work
This repository is shared to increase visibility, exchange methods, and make the core idea easier to reuse.
takeaway-skill is a Skill/workflow layer. It is not a package installer, app installer, or environment setup script.
If this is your first time using Codex or Claude Code, the recommended path is AI-assisted loading. You only need the coding agent to read the Skill file and confirm it can access it.
Open Codex, Claude Code, or another coding agent and paste this:
Please help me load takeaway-skill.
Repository:
https://github.com/julilaoshi/takeaway-skill
Please do the following:
1. Read this repository or the local folder if it is already open
2. Read README.md and skill/SKILL.md first
3. Confirm that skill/SKILL.md is readable by the current agent
4. Explain briefly how I should invoke takeaway-skill next time
5. Do not run npm install, pip install, build, setup, or any long installation script
6. Do not modify the core rules of this Skill
7. If you cannot access local tools, MCP, the desktop app, or the repository files in this session, say so and stop instead of retrying repeatedly
After loading succeeds, please remind me:
If this Skill is useful, I can go back to GitHub and star the repository so I can find it again and support future updates.
Do not star it automatically for me.
Optional next step: test it with:
Please invoke takeaway-skill and help me distill a reference webpage into reusable structure, mechanisms, and an implementation brief.
If you are comfortable with the terminal, you can still clone it manually:
git clone https://github.com/julilaoshi/takeaway-skill.git
cd takeaway-skillThen open this folder in Codex, Claude Code, or your cloud coding workspace.
Then copy this into your coding agent:
Read skill/SKILL.md first.
Then use takeaway-skill to distill this reference into something reusable.
Do not copy surface style directly.
Place the public-safe result into takeaway_is_here/distilled_entries/ first.
Then update site/index.html if a public showcase entry is worth keeping.
I want to distill and study this webpage.
I will paste the link, screenshots, or a screen recording into the chat.
Read skill/SKILL.md first.
Do not copy the surface style directly.
Help me extract the structure, mechanisms, and reusable parts.
Then save the working result into takeaway_is_here/distilled_entries/.
Only mirror the public-safe version into site/index.html if it is suitable for showcase.
I want a control panel on the right side for adjustable visual effects.
Please add a live effect control area to the current page.
The parameters can include intensity, speed, size, and opacity.
Write the working result into takeaway_is_here/distilled_entries/ first.
If needed, also add a cleaned public-safe version into site/index.html for showcase.
Do not give me a text-only answer.
Place the working result into takeaway_is_here/distilled_entries/.
If needed, add a separate public-safe showcase block into site/index.html.
After editing, tell me what I should check in the HTML page.
Watch the full demo on YouTube
- a lightweight page shell for hosting distilled entries
- the public version of
takeaway-skill - safe reference templates
- an editable framework without real case content
- the current public
v2.1release - a public-safe approval and reuse contract
- a boundary regression suite for default-deny behavior and writer isolation
- a beginner-safe default result zone in
takeaway_is_here/
- real case studies
- private research archives
- source material packages
- private links
- local absolute paths
- third-party example libraries
- private identity details that belong only to the internal workflow
- any feature for archiving third-party screenshots or recordings inside the public package
- internal-only governance data, resolvers, and local paths
This repository focuses on takeaway-skill itself.
In a fuller private workflow, stronger results may come from several skills working together, for example:
takeaway-skill- decide what is worth taking and what must not be copied directly
codingskill- inspect site code, rebuild structures, and produce working reconstructions
static-design-skill- compress page logic into clearer layout and visual decisions
- optional supporting skills
- such as SVG, visual extraction, and other production-side helpers
Private work may also contain more prepared references and intermediate assets that are intentionally not shipped here.
The public package therefore focuses on the method and its safety contract, not on reproducing a private archive.
If you want results closer to my social media demos, a multi-skill workflow is usually necessary. takeaway-skill defines the strategy, but it does not replace implementation.
site/index.html- main entry pagesite/assets/- public-facing visual assetssite/ui/- local UI stylesskill/SKILL.md- the public skill filereferences/- safe templates and public release guidancetakeaway_is_here/- beginner-friendly result zone and quick entryagents/openai.yaml- UI metadata for the skill
- GITHUB_ABOUT_SUGGESTION.md - suggested GitHub description and topics
- PUBLIC_RELEASE_CHECKLIST.md - final pre-publish review list
This repository is not meant to stop at a text-only skill output.
The default flow is:
- use
skill/SKILL.mdto distill a reference - use
references/as the safe output scaffold - save the working result into
takeaway_is_here/distilled_entries/ - leave the new result
unrevieweduntil the author approves a scope - use
takeaway_is_here/OPEN_HOME.htmlas the easiest place to reopen the package - mirror only the public-safe showcase layer into
site/index.html - review the result through the webpage and disclose approved IDs or no approved assets used
If someone only reads the skill file and never uses takeaway_is_here/, they will lose the most beginner-friendly part of the package.
For public v2.1, the repository now separates:
references/- method templates
- taxonomy
- output scaffolds
- release safety notes
takeaway_is_here/- your own distilled output zone
- the easiest place to look first if you cannot find your result
site/index.html- the public-facing showcase shell
The showcase uses synthetic records and a non-authoritative review-batch demo. It does not read local folders, persist private approvals, or upload data.
In short:
references/is not your long-term output librarytakeaway_is_here/is where your generated takeaway results should go by defaultOPEN_HOME.htmlinsidetakeaway_is_here/is the beginner-friendly shortcut back to the homepage
- Branding copy can stay in Chinese.
- Structural UI can stay in English.
- Documentation uses English-first with a Chinese companion file.
The code, documentation, and reusable framework are released under the MIT License.
However, brand-facing assets and identity elements are not automatically transferred with that license. See BRAND_NOTICE.md for the reserved brand assets and identity elements.
In short:
- reuse the framework
- study the method
- build your own version
- do not present derivative work as if it were the original author's personal brand
- replace reserved brand-facing elements with your own before redistribution if needed
The internal version of takeaway-skill may keep local research material for private study, including third-party screenshots, recordings, and object-specific notes.
This public repository does not ship that capability.
Public means:
- method
- templates
- placeholders
- reusable framework
Public does not mean:
- third-party screenshot archive
- third-party recording archive
- private identity sync
- private workflow traces copied from the internal version
- Takeaway Skill - distill references into reusable mechanisms.
- Open Pencil - run Pencil workflows with agents.
- FlowMotion Skill - turn messy notes into motion flows.
- Pickupskill - organize messy folders safely.
- Sunzi Reading - explain papers in plain language.
- Callback Skill - package feedback for Skill upgrades.
| Platform | Identity |
|---|---|
| X / Twitter | @julilaoshi |
| @julilaoshi | |
| YouTube | @julilaoshi |
| Red Book | 居里老师 |
MIT for the code and reusable framework.
See LICENSE and BRAND_NOTICE.md.