Flutter Animations
Skills.shGIF 动画 低门槛
3.0
Flutter 动画:使用 Flutter 框架创建流畅的移动应用动画效果。
npx skills add madteacher/mad-agents-skills@flutter-animationsSlack GIF 创建器:为 Slack 工作区生成和分享动画 GIF 内容。
# 安装 Skill npx skills add anthropics/skills@slack-gif-creator # 安装后 Claude Code 会自动识别并使用
# 同样的安装命令,兼容所有支持 SKILL.md 的 AI 编程工具 npx skills add anthropics/skills@slack-gif-creator
需注册Anthropic账户,依赖Node.js环境
from core.gif_builder import GIFBuilder
from PIL import Image, ImageDraw
# 1. Create builder
builder = GIFBuilder(width=128, height=128, fps=10)
# 2. Generate frames
for i in range(12):
frame = Image.new('RGB', (128, 128), (240, 248, 255))
draw = ImageDraw.Draw(frame)
# Draw your animation using PIL primitives
# (circles, polygons, lines, etc.)
builder.add_frame(frame)
# 3. Save with optimization
builder.save('output.gif', num_colors=48, optimize_for_emoji=True)
from PIL import Image
uploaded = Image.open('file.png')
# Use directly, or just as reference for colors/style
from PIL import ImageDraw
draw = ImageDraw.Draw(frame)
# Circles/ovals
draw.ellipse([x1, y1, x2, y2], fill=(r, g, b), outline=(r, g, b), width=3)
# Stars, triangles, any polygon
points = [(x1, y1), (x2, y2), (x3, y3), ...]
draw.polygon(points, fill=(r, g, b), outline=(r, g, b), width=3)
# Lines
draw.line([(x1, y1), (x2, y2)], fill=(r, g, b), width=5)
# Rectangles
draw.rectangle([x1, y1, x2, y2], fill=(r, g, b), outline=(r, g, b), width=3)
width=2 or higher for outlines and lines. Thin lines (width=1) look choppy and amateurish.create_gradient_background)core.gif_builder)builder = GIFBuilder(width=128, height=128, fps=10)
builder.add_frame(frame) # Add PIL Image
builder.add_frames(frames) # Add list of frames
builder.save('out.gif', num_colors=48, optimize_for_emoji=True, remove_duplicates=True)
core.validators)from core.validators import validate_gif, is_slack_ready
# Detailed validation
passes, info = validate_gif('my.gif', is_emoji=True, verbose=True)
# Quick check
if is_slack_ready('my.gif'):
print("Ready!")
core.easing)from core.easing import interpolate
# Progress from 0.0 to 1.0
t = i / (num_frames - 1)
# Apply easing
y = interpolate(start=0, end=400, t=t, easing='ease_out')
# Available: linear, ease_in, ease_out, ease_in_out,
# bounce_out, elastic_out, back_out
core.frame_composer)from core.frame_composer import (
create_blank_frame, # Solid color background
create_gradient_background, # Vertical gradient
draw_circle, # Helper for circles
draw_text, # Simple text rendering
draw_star # 5-pointed star
)
math.sin() or math.cos() with frame indexmath.sin(t * frequency * 2 * math.pi) for smooth pulseinterpolate() with easing='bounce_out' for landingeasing='ease_in' for falling (accelerating)image.rotate(angle, resample=Image.BICUBIC)Image.blend(image1, image2, alpha)interpolate() with easing='ease_out' for smooth stopeasing='back_out'x += vx, y += vyvy += gravity_constantnum_colors=48 instead of 128remove_duplicates=True in save()optimize_for_emoji=True auto-optimizes# Maximum optimization for emoji
builder.save(
'emoji.gif',
num_colors=48,
optimize_for_emoji=True,
remove_duplicates=True
)
pip install pillow imageio numpy
npx skills add anthropics/skills@slack-gif-creator && skills slack-gif-creator --text "Great job!" --duration 2500 --output slack_celebration.gif