flame-core
Flame Engine core fundamentals - components, input, collision, camera, animation, scenes
- Installs
- 95
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/miles990/claude-software-skills --skill flame-core- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads flame-core automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Flame Core Fundamentals
Flame Engine 核心基礎，涵蓋組件系統、輸入處理、碰撞檢測、相機、動畫與場景管理。
Quick Start
flutter create my_game && cd my_game
flutter pub add flame
flutter pub add flame_audio # Optional
flutter pub add flame_tiled # Optional
import 'package:flame/game.dart';
import 'package:flutter/material.dart';
void main() => runApp(GameWidget(game: MyGame()));
class MyGame extends FlameGame with HasCollisionDetection {
@override
Future<void> onLoad() async {
camera.viewfinder.anchor = Anchor.topLeft;
}
}
Reference Index
| Topic | File | Description |
|---|---|---|
| Components | references/components.md | 組件生命週期、類型、最佳實踐 |
| Input | references/input.md | 觸控、鍵盤、搖桿輸入處理 |
| Collision | references/collision.md | 碰撞檢測、Hitbox 類型 |
| Camera | references/camera.md | 相機設置、跟隨、HUD |
| Animation | references/animation.md | 精靈動畫、Effects 系統 |
| Scenes | references/scenes.md | RouterComponent、Overlays、UI |
| Audio | references/audio.md | 音效、背景音樂、AudioPool |
| Particles | references/particles.md | 粒子系統、特效、爆炸效果 |
| Performance | references/performance.md | 效能優化、最佳實踐、常見問題 |
| Debug | references/debug.md | 除錯模式、日誌、效能監控 |
AI Usage Guide
需要了解組件系統？ → Read references/components.md
需要處理輸入？ → Read references/input.md
需要碰撞檢測？ → Read references/collision.md
需要相機設置？ → Read references/camera.md
需要動畫效果？ → Read references/animation.md
需要場景管理/UI？ → Read references/scenes.md
需要音效/音樂？ → Read references/audio.md
需要粒子特效？ → Read references/particles.md
需要效能優化？ → Read references/performance.md
需要除錯/日誌？ → Read references/debug.md
Component Types Quick Reference
| Type | Use Case |
|---|---|
Component | Logic only |
PositionComponent | Has position/size |
SpriteComponent | Static image |
SpriteAnimationComponent | Animated sprite |
SpriteAnimationGroupComponent | Multiple states |
Related Skills
flame-systems- 14 個遊戲系統（任務、對話、背包等）flame-templates- 遊戲類型模板（RPG、平台、Roguelike）
FAQ
What does the flame-core skill do?
Flame Engine core fundamentals - components, input, collision, camera, animation, scenes
How do I install flame-core?
Run npx skills add https://github.com/miles990/claude-software-skills --skill flame-core in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/flame-core/ (personal) or .claude/skills/flame-core/ (project).
Which AI agents can use flame-core?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is flame-core safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains flame-core?
It is published by miles990 in miles990/claude-software-skills. It has 95 recorded installs.
More from miles990/claude-software-skills
code-quality
miles990/claude-software-skills
Clean code principles, SOLID, and code review practices
devops-cicd
miles990/claude-software-skills
CI/CD pipelines, infrastructure as code, and deployment strategies
game-development
miles990/claude-software-skills
Game development patterns, architectures, and best practices
project-management
miles990/claude-software-skills
Open the skill to read its SKILL.md instructions.
e-commerce
miles990/claude-software-skills
Open the skill to read its SKILL.md instructions.
saas-platforms
miles990/claude-software-skills
Open the skill to read its SKILL.md instructions.
Popular frontend & design skills
setup-matt-pocock-skills
mattpocock/skills
Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.
frontend-design
anthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
hyperframes-animation
heygen-com/hyperframes
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, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.
prototype
mattpocock/skills
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
hyperframes-core
heygen-com/hyperframes
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 validation. Read before writing composition HTML.
vercel-react-best-practices
vercel-labs/agent-skills
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.