Loading...
Loading...
Found 486 Skills
Figma 디자인을 고성능 Next.js와 Tailwind CSS 코드로 변환하는 스킬. 픽셀 퍼펙트한 반응형 컴포넌트 구현을 지원합니다.
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
Avoid AI-specific "generic designs (AI slop)" and build original, polished UIs. Applicable when implementing frontends for landing pages, dashboards, and apps.
Use when animation doesn't match brand personality, feels generic, or clashes with design language
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
Use when implementing Disney's 12 animation principles with any animation tool or framework
数字故障 / 像散偏移 / 数据腐败标题, 适合视频转场 / cyberpunk hero
Motion sensing on a XIAO ESP32S3 with an MPU-6050 / MPU-6500 6-axis IMU: accelerometer and gyroscope over I2C, startup calibration, and a moving/still decision driven to the onboard LED. Use this skill WHENEVER the task involves an MPU-60x0 module on an ESP32S3 — "움직임 감지해줘", wiring one up, an Adafruit_MPU6050 sketch whose begin() returns "MPU6050 not found" even though the scan shows 0x68, a gyro that drifts hundreds of degrees per minute, an accelerometer whose magnitude sits well off 9.8 m/s² at rest, or deciding whether a module labelled MPU-6050 is actually an MPU-6500. Carries a hardware-verified library-free driver and the identity trap that makes a perfectly healthy module look broken.
Vroid Studio, VRM format, and VTuber avatar creation
Apply seamless infinite marquee loops using duplicated items.
Motion-based animation system for Next.js with performance-optimized patterns
This skill should be used when the user asks to "make an animated infographic", "create an infographic video", "build an infographic animation", "animate an explainer infographic", "do a sequenced reveal of icons and stats", "animate icons with key numbers and connectors", or "lay out a designed infographic that animates in sequence". Covers infographic layout & visual hierarchy, staggered element reveals, animating icons/pictograms, key-number counters, connectors/flow, and section pacing. For heavy charting (bar chart race, charts from a CSV) use the chart-animation skill instead.