AI Skills.

AI Skills › Coding编程程式設計コーディング › pixelfx

pixelfx

by patch-gg · Coding skill作者:patch-gg · 编程技能作者:patch-gg · 程式設計技能作者:patch-gg · コーディングスキル

A free Claude Code skill and library of 244 pixel art effects and animations, every one a small piece of code, not an image. Fire, explosions, magic, weather, UI pops, pickups, critters, and 12 full moves can be played live in a browser game, recoloured with a palette, or exported as sprite sheets for Godot, Unity, and other engines. Character effects are acted out with wind-up, freeze on contact, target reaction, and recovery, and new effects are made by a draft, render, look, refine loop. Young project: created 2026-10-30, 8 commits. Note: the Patch Pixel font in gallery/fonts is not covered by the MIT licence.一个免费 Claude Code 技能与像素特效库,含 244 个像素美术特效与动画,每一个都是一小段代码、不是图片。火焰、爆炸、魔法、天气、界面动效、拾取物、小生物以及 12 套完整招式,可在浏览器游戏中实时播放、用调色板重上色,或导出为精灵表供 Godot、Unity 等引擎使用。带角色的特效按“起手—命中定格—目标反应—收招”表演,新特效用“起草—渲染—看图—修正”循环制作。项目很新:创建于 2026-10-30,仅 8 次提交。注意:gallery/fonts 里的 Patch Pixel 字体不在 MIT 许可覆盖范围内。一個免費 Claude Code 技能與像素特效庫,含 244 個像素美術特效與動畫,每一個都是一小段程式碼、不是圖片。火焰、爆炸、魔法、天氣、介面動效、拾取物、小生物以及 12 套完整招式,可在瀏覽器遊戲中即時播放、用調色盤重新上色,或匯出為精靈表供 Godot、Unity 等引擎使用。帶角色的特效按「起手—命中定格—目標反應—收招」表演,新特效用「起草—渲染—看圖—修正」迴圈製作。專案很新:建立於 2026-10-30,僅 8 次提交。注意:gallery/fonts 裡的 Patch Pixel 字體不在 MIT 授權覆蓋範圍內。244 個のピクセルアートエフェクトとアニメーションを収めた無料の Claude Code スキル兼ライブラリ。各エフェクトは画像ではなく小さなコードだ。炎、爆発、魔法、天候、UI の動き、拾い物、生き物、そして 12 の完全な技をブラウザゲームでライブ再生したり、パレットで色を変えたり、Godot や Unity などのエンジン向けにスプライトシートとして書き出したりできる。キャラクター付きのエフェクトは予備動作、命中時の停止、標的の反応、回復まで演じられ、新しいエフェクトは下書き、レンダリング、確認、修正のループで作る。若いプロジェクトで、2026-10-30 作成、コミットは 8 件のみ。注意:gallery/fonts 内の Patch Pixel フォントは MIT ライセンスの対象外だ。

Quick start快速上手快速上手クイックスタート

What it does

Pixelfx is a Claude Code skill and library of 244 pixel art effects, every one a small piece of code. It covers fire, explosions, magic, weather, UI, pickups, critters, and 12 full moves, with no image files: effects play live, recolour with a palette, mirror, and reseed, or export as sprite sheets for any engine.

How it works

Each effect draws into two buffers, colour and additive light, so hot things look hot. Pure effects are a function of time alone and loop with no seam; simulated effects step particles, debris, and lights at 120 Hz. Character effects carry acting data: poses, hit times, freeze lengths, and target reactions, so a hit reads as wind-up, cut, freeze, reaction, and recovery.

How to use it

  • Install the skill with
    /plugin marketplace add patch-gg/pixelfx
    then
    /plugin install pixelfx@pixelfx
    or copy skills/pixelfx into ~/.claude/skills/.
  • Ask in plain words, for example
    Add a frost nova to my mage's ultimate
    or
    Export the fire and explosions categories as sprite sheets for Godot
  • Use the library with
    npm i github:patch-gg/pixelfx
    or export one effect with
    node tools/render.mjs ice/frost-nova --sheet
  • Make your own with
    node tools/new.mjs arcane/my-spell
    node tools/render.mjs arcane/my-spell
    and
    node tools/check.mjs arcane/my-spell
    then fix the worst thing on the contact sheet and render again.

Key points

  • Browser games use the code directly with no dependencies (canvas, Phaser, PixiJS, Kaplay, three.js); other engines use exported sprite sheets plus Aseprite-style JSON.
  • Palettes recolour an effect without touching its code; seeded randomness means a frame renders the same every time.
  • Effects drawn on the body paint the stock grey dummy, so regenerate those before shipping them with your own character.
  • MIT for code and effects, including commercial use, except the Patch Pixel font in gallery/fonts, which is not covered; parts adapt Hugo Duprez's and Hollow Crown's MIT source, so keep their credits.
  • Young project: created 2026-10-30 with 8 commits; pin the version you ship and re-check the README before upgrading. Commands quoted verbatim, execution unverified.

它是做什么的

Pixelfx 是一个 Claude Code 技能与像素特效库,含 244 个特效,每一个都是一小段代码。覆盖火焰、爆炸、魔法、天气、界面、拾取物、小生物与 12 套完整招式,没有图片文件:特效可实时播放、用调色板重上色、镜像、重设随机种子,或导出为精灵表供任意引擎使用。

它怎么工作

每个特效画进两个缓冲:颜色与叠加光,热的东西因此看起来发烫。纯特效只由时间决定、无缝循环;模拟特效以 120 Hz 步进粒子、碎片与光。带角色的特效携带表演数据:姿势、命中时间、定格时长与目标反应,于是打击读作起手、挥砍、定格、反应、收招。

怎么用

  • 安装技能:
    /plugin marketplace add patch-gg/pixelfx
    再
    /plugin install pixelfx@pixelfx
    或把 skills/pixelfx 复制到 ~/.claude/skills/。
  • 用日常语言提需求,例如
    Add a frost nova to my mage's ultimate
    或
    Export the fire and explosions categories as sprite sheets for Godot
  • 库的安装:
    npm i github:patch-gg/pixelfx
    导出单个特效:
    node tools/render.mjs ice/frost-nova --sheet
  • 自制特效:
    node tools/new.mjs arcane/my-spell
    node tools/render.mjs arcane/my-spell
    node tools/check.mjs arcane/my-spell
    看对照表改掉最差的一处再渲染。

关键要点

  • 浏览器游戏直接用代码、无依赖(canvas、Phaser、PixiJS、Kaplay、three.js);其他引擎用导出的精灵表加 Aseprite 风格 JSON。
  • 调色板不改代码即可重上色;带种子的随机保证同一帧每次渲染结果相同。
  • 画在身体上的特效用的是默认灰色假人,配自己的角色出货前须重新生成这些特效。
  • 代码与特效为 MIT 许可(含商用),但 gallery/fonts 里的 Patch Pixel 字体不在覆盖范围内;部分内容改编自 Hugo Duprez 与 Hollow Crown 的 MIT 源码,须保留其署名。
  • 项目很新:2026-10-30 创建、仅 8 次提交;出货请锁定版本,升级前重读 README。命令为原文引用,未在本机执行。

它是做什麼的

Pixelfx 是一個 Claude Code 技能與像素特效庫,含 244 個特效,每一個都是一小段程式碼。涵蓋火焰、爆炸、魔法、天氣、介面、拾取物、小生物與 12 套完整招式,沒有圖片檔案:特效可即時播放、用調色盤重新上色、鏡像、重設隨機種子,或匯出為精靈表供任意引擎使用。

它怎麼運作

每個特效畫進兩個緩衝:顏色與疊加光,熱的東西因此看起來發燙。純特效只由時間決定、無縫循環;模擬特效以 120 Hz 步進粒子、碎片與光。帶角色的特效攜帶表演資料:姿勢、命中時間、定格時長與目標反應,於是打擊讀作起手、揮砍、定格、反應、收招。

怎麼用

  • 安裝技能:
    /plugin marketplace add patch-gg/pixelfx
    再
    /plugin install pixelfx@pixelfx
    或把 skills/pixelfx 複製到 ~/.claude/skills/。
  • 用日常語言提需求,例如
    Add a frost nova to my mage's ultimate
    或
    Export the fire and explosions categories as sprite sheets for Godot
  • 程式庫安裝:
    npm i github:patch-gg/pixelfx
    匯出單個特效:
    node tools/render.mjs ice/frost-nova --sheet
  • 自製特效:
    node tools/new.mjs arcane/my-spell
    node tools/render.mjs arcane/my-spell
    node tools/check.mjs arcane/my-spell
    看對照表改掉最差的一處再渲染。

關鍵要點

  • 瀏覽器遊戲直接用程式碼、無依賴(canvas、Phaser、PixiJS、Kaplay、three.js);其他引擎用匯出的精靈表加 Aseprite 風格 JSON。
  • 調色盤不改程式碼即可重新上色;帶種子的隨機保證同一幀每次渲染結果相同。
  • 畫在身體上的特效用的是預設灰色假人,配自己的角色出貨前須重新產生這些特效。
  • 程式碼與特效為 MIT 授權(含商用),但 gallery/fonts 裡的 Patch Pixel 字體不在覆蓋範圍內;部分內容改編自 Hugo Duprez 與 Hollow Crown 的 MIT 原始碼,須保留其署名。
  • 專案很新:2026-10-30 建立、僅 8 次提交;出貨請鎖定版本,升級前重讀 README。指令為原文引用,未在本機執行。

何をするのか

Pixelfx は、244 個のピクセルアートエフェクトを収めた Claude Code スキル兼ライブラリで、各エフェクトは小さなコードだ。炎、爆発、魔法、天候、UI、拾い物、生き物、12 の完全な技をカバーし、画像ファイルは無い。エフェクトはライブ再生、パレットでの色替え、反転、シードの再設定ができ、あらゆるエンジン向けにスプライトシートとして書き出せる。

仕組み

各エフェクトはカラーと加算ライトの 2 つのバッファに描かれ、熱いものは熱く見える。純粋なエフェクトは時間のみで決まり、継ぎ目なくループする。シミュレーション型は 120 Hz で粒子、破片、光を進める。キャラクター付きのエフェクトは演技データを持つ。ポーズ、命中時刻、停止時間、標的の反応があり、攻撃は予備動作、斬撃、停止、反応、回復として読める。

使い方

  • スキルは
    /plugin marketplace add patch-gg/pixelfx
    の後
    /plugin install pixelfx@pixelfx
    で入れるか、skills/pixelfx を ~/.claude/skills/ にコピーする。
  • 日常言語で頼む。例は
    Add a frost nova to my mage's ultimate
    や
    Export the fire and explosions categories as sprite sheets for Godot
    だ。
  • ライブラリは
    npm i github:patch-gg/pixelfx
    で入れ、1 つのエフェクトは
    node tools/render.mjs ice/frost-nova --sheet
    で書き出す。
  • 自作は
    node tools/new.mjs arcane/my-spell
    node tools/render.mjs arcane/my-spell
    node tools/check.mjs arcane/my-spell
    で行い、コンタクトシートで最悪の点を直して再レンダリングする。

押さえておきたい点

  • ブラウザゲームはコードを直接使い、依存関係は無い(canvas、Phaser、PixiJS、Kaplay、three.js)。他のエンジンは書き出したスプライトシートと Aseprite 形式の JSON を使う。
  • パレットでコードを触らずに色替えでき、シード付き乱数により同じフレームは毎回同じ結果になる。
  • 身体に描かれるエフェクトは既定のグレーのダミーで描かれるため、自分のキャラクターで出荷する前に作り直すこと。
  • コードとエフェクトは商用を含む MIT だが、gallery/fonts 内の Patch Pixel フォントは対象外だ。一部は Hugo Duprez と Hollow Crown の MIT ソースを改変したものなので、そのクレジットを残すこと。
  • 若いプロジェクトだ。2026-10-30 作成、コミットは 8 件のみ。出荷するバージョンは固定し、更新前に README を再確認すること。コマンドは原文引用で、実行は未検証だ。

Supported platforms支持的平台支援的平台対応プラットフォーム

Claude Code

More Coding skills更多编程技能更多程式設計技能その他のコーディングスキル

View all →查看全部 →查看全部 →すべて見る →

A complete software development methodology for coding agents, built on composable skills plus initial instructions that make sure the agent actually uses them. It covers the full workflow from brainstorming and planning through implementation, testing, and review, so agents follow a disciplined process instead of improvising. It works across Claude Code, Codex, Cursor, OpenCode, Gemini CLI, GitHub Copilot, and many more.一套面向编码智能体的完整软件开发方法论,由可组合的技能加上确保智能体真正使用这些技能的初始指令构成。它覆盖从头脑风暴、规划到实现、测试、评审的完整流程,让智能体遵循严谨的流程而不是即兴发挥。支持 Claude Code、Codex、Cursor、OpenCode、Gemini CLI、GitHub Copilot 等众多工具。一套面向編碼智慧體的完整軟體開發方法論,由可組合的技能加上確保智慧體真正使用這些技能的初始指令構成。它涵蓋從腦力激盪、規劃到實作、測試、審查的完整流程,讓智慧體遵循嚴謹的流程而不是即興發揮。支援 Claude Code、Codex、Cursor、OpenCode、Gemini CLI、GitHub Copilot 等眾多工具。コーディングエージェントのための完全なソフトウェア開発手法。組み合わせ可能なスキルと、エージェントがそれを確実に使うための初期指示で構成される。ブレインストーミングと計画から実装、テスト、レビューまで全工程をカバーし、エージェントが即興ではなく規律ある手順に従うようにする。Claude Code、Codex、Cursor、OpenCode、Gemini CLI、GitHub Copilotなど多数に対応する。

Coding编程程式設計コーディングClaude CodeCodexCursorOpenCode+11 more+11 个更多+11 個更多+11 件
/plugin install superpowers@claude-plugins-official

Skills for real engineers, straight from Matt Pocock's .agents directory — the skills he uses every day to do real engineering, not vibe coding. Unlike process-heavy frameworks such as GSD, BMAD, and Spec-Kit, which own the process and take away your control, these skills stay assistive so problems in the process stay easy to resolve. They cover everyday engineering work across planning, implementation, and review.面向真正工程师的技能,直接来自 Matt Pocock 的 .agents 目录——是他每天做真实工程用的技能,不是氛围编程。与 GSD、BMAD、Spec-Kit 这类接管流程的重型框架不同,这些技能只起辅助作用,流程出问题时也容易排查和解决。覆盖规划、实现、评审等日常工程工作。面向真正工程師的技能,直接來自 Matt Pocock 的 .agents 目錄——是他每天做真實工程用的技能,不是氛圍編程。與 GSD、BMAD、Spec-Kit 這類接管流程的重型框架不同,這些技能只起輔助作用,流程出問題時也容易排查和解決。涵蓋規劃、實作、審查等日常工程工作。本物のエンジニアのためのスキル。Matt Pocock の .agents ディレクトリからそのまま取り出した、彼が毎日実際のエンジニアリングで使うスキルで、バイブコーディング用ではない。GSD、BMAD、Spec-Kit のようなプロセスを掌握して制御を奪う重厚なフレームワークとは異なり、補助に徹するためプロセスの問題も解決しやすい。計画、実装、レビューといった日常のエンジニアリング作業をカバーする。

Coding编程程式設計コーディングClaude CodeCodexGitHub CopilotGemini CLI+1 more+1 个更多+1 個更多+1 件
claude plugin install mattpocock-skills@claude-plugins-official

ECC

292k

The agent harness performance optimization system: skills, instincts, memory, security, and research-first development for Claude Code, Codex, OpenCode, Cursor, and beyond. It bundles 71 agents and 311 skills with AgentShield security scanning and legacy command shims, aiming to make the whole harness faster and more capable rather than adding one-off prompts. Think of it as an operating system layer for your coding agent.智能体 harness 的性能优化系统,覆盖技能、本能、记忆、安全和研究优先的开发方式,适用于 Claude Code、Codex、OpenCode、Cursor 等工具。它打包了 71 个智能体和 311 个技能,附带 AgentShield 安全扫描和旧命令兼容垫片,目标是让整个 harness 更快、更强,而不是再加一堆一次性提示词。可以把它理解为编码智能体的一层操作系统。智慧體 harness 的效能最佳化系統,涵蓋技能、本能、記憶、安全和研究優先的開發方式,適用於 Claude Code、Codex、OpenCode、Cursor 等工具。它打包了 71 個智慧體和 311 個技能,附帶 AgentShield 安全掃描和舊指令相容墊片,目標是讓整個 harness 更快、更強,而不是再加一堆一次性提示詞。可以把它理解為編碼智慧體的一層作業系統。エージェントハーネスのパフォーマンス最適化システム。スキル、直感、記憶、セキュリティ、リサーチファーストの開発を Claude Code、Codex、OpenCode、Cursor などで実現する。71 のエージェントと 311 のスキルに AgentShield セキュリティスキャンとレガシーコマンドのシムを同梱し、使い捨てのプロンプトを増やすのではなくハーネス全体を高速かつ高機能にする。コーディングエージェントの OS 層と考えると分かりやすい。

Coding编程程式設計コーディングClaude CodeCodexQoderCursor+6 more+6 个更多+6 個更多+6 件
npx [email protected] setup
Related article相关文章相關文章関連記事