--- name: animation-skill description: Create splash screens, ASCII art banners, and terminal animations. Use when building visual effects, loading screens, and branding elements. allowed-tools: Write, Read --- # Animation Skill ## Purpose Create eye-catching splash screens and animations for terminal apps. ## Instructions ### Splash Screen with PyFiglet ```python from rich.console import Console from rich.panel import Panel from rich.align import Align from rich.text import Text import pyfiglet import time console = Console() def show_splash_screen(): """Display animated splash screen with developer credit.""" console.clear() # Generate ASCII art logo = pyfiglet.figlet_format("TODO", font="banner3-D") # Build content content = Text() content.append(logo, style="bold cyan") content.append("\n\n") content.append("🎮 Retro Terminal Task Manager 🎮", style="bold magenta") content.append("\n\n") content.append("━" * 40, style="dim cyan") content.append("\n\n") content.append("Developer by: ", style="dim white") content.append("maneeshanif", style="bold green") content.append("\n") # Create panel panel = Panel( Align.center(content), border_style="bright_cyan", padding=(2, 4), title="[bold yellow]✨ Welcome ✨[/bold yellow]", subtitle="[dim]Press ENTER to continue[/dim]" ) console.print(panel) input() console.clear() ``` ### Alternative Fonts ```python # Available fonts to try: COOL_FONTS = [ "banner3-D", # 3D block letters "slant", # Slanted text "doom", # DOOM game style "big", # Large letters "digital", # Digital clock style "standard", # Classic figlet "small", # Compact "smslant", # Small slant "cyberlarge", # Cyberpunk style "cybermedium", # Medium cyberpunk ] def generate_banner(text: str, font: str = "slant") -> str: """Generate ASCII banner with specified font.""" try: return pyfiglet.figlet_format(text, font=font) except: return pyfiglet.figlet_format(text, font="standard") ``` ### Animated Loading ```python from rich.progress import Progress, SpinnerColumn, TextColumn import time def show_loading(message: str = "Loading", duration: float = 2.0): """Show animated loading spinner.""" with Progress( SpinnerColumn("dots"), TextColumn("[bold cyan]{task.description}[/bold cyan]"), transient=True ) as progress: task = progress.add_task(message, total=None) time.sleep(duration) def show_typing_effect(text: str, delay: float = 0.03): """Display text with typing effect.""" for char in text: console.print(char, end="", style="bold cyan") time.sleep(delay) console.print() ``` ### Animated Welcome ```python import time def animated_welcome(): """Animated welcome sequence.""" console.clear() frames = [ "🌑", "🌒", "🌓", "🌔", "🌕", "🌖", "🌗", "🌘" ] # Moon animation for _ in range(2): for frame in frames: console.print(f"\r{frame} Loading...", end="") time.sleep(0.1) console.print("\r✨ Ready! ") time.sleep(0.5) # Show main splash show_splash_screen() ``` ### Colorful Border Box ```python def create_fancy_box(content: str, title: str = "") -> Panel: """Create a fancy box with gradient-like border.""" return Panel( Align.center(Text(content)), title=f"[bold magenta]╔═ {title} ═╗[/bold magenta]", border_style="bright_cyan", padding=(1, 3), subtitle="[dim cyan]═══════════════[/dim cyan]" ) ``` ### Full Splash Module ```python """ splash.py - Splash screen and animations for Retro Todo CLI """ from rich.console import Console from rich.panel import Panel from rich.align import Align from rich.text import Text import pyfiglet import time console = Console() # ASCII Art alternatives if pyfiglet fails FALLBACK_LOGO = """ ████████╗ ██████╗ ██████╗ ██████╗ ╚══██╔══╝██╔═══██╗██╔══██╗██╔═══██╗ ██║ ██║ ██║██║ ██║██║ ██║ ██║ ██║ ██║██║ ██║██║ ██║ ██║ ╚██████╔╝██████╔╝╚██████╔╝ ╚═╝ ╚═════╝ ╚═════╝ ╚═════╝ """ def get_logo() -> str: """Get ASCII logo, with fallback.""" try: return pyfiglet.figlet_format("TODO", font="banner3-D") except: return FALLBACK_LOGO def show_splash(): """Main splash screen.""" console.clear() logo = get_logo() content = Text() content.append(logo, style="bold cyan") content.append("\n") content.append("🎮 ", style="") content.append("Retro Terminal Task Manager", style="bold magenta") content.append(" 🎮", style="") content.append("\n\n") content.append("─" * 45, style="dim cyan") content.append("\n\n") content.append("Developer by: ", style="white") content.append("maneeshanif", style="bold green underline") content.append("\n") panel = Panel( Align.center(content), border_style="bright_cyan", padding=(1, 4), title="[bold yellow]★ WELCOME ★[/bold yellow]", subtitle="[dim white][ Press ENTER to continue ][/dim white]" ) # Animate border colors (simple version) console.print(panel) input() console.clear() def show_goodbye(): """Goodbye screen.""" console.clear() content = Text() content.append("\n") content.append("👋 Goodbye!", style="bold cyan") content.append("\n\n") content.append("Thanks for using ", style="white") content.append("Retro Todo", style="bold magenta") content.append("\n\n") content.append("See you next time!", style="dim") content.append("\n") panel = Panel( Align.center(content), border_style="cyan", padding=(1, 4) ) console.print(panel) time.sleep(1) if __name__ == "__main__": show_splash() ``` ## Best Practices - Always include developer credit in splash - Have fallback ASCII art if pyfiglet fails - Keep animations short (1-3 seconds) - Use transient progress bars for loading - Clear screen before and after splash - Handle KeyboardInterrupt gracefully - Test with different terminal sizes - Use consistent color theme --- Source attribution: maneeshanif Original project: https://github.com/maneeshanif/cli-todo-app-speckit/blob/7b2179e8d3d079170e47fad50ae1bafb950dac5c/.claude/skills/animation-skill/SKILL.md License: MIT License information: https://opensource.org/license/mit Original upstream instructions; downloaded from Dave AI. ## Upstream license notice MIT License Copyright (c) 2025 maneeshanif Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. # Dave AI resource metadata Creator / publisher: maneeshanif Original project: https://github.com/maneeshanif/cli-todo-app-speckit/blob/7b2179e8d3d079170e47fad50ae1bafb950dac5c/.claude/skills/animation-skill/SKILL.md Attribution basis: Recovered original package and original project license at a pinned revision Fields of work: Design, Development & Engineering Roles: Frontend Developer, Graphic Designer, UX Designer Specialties: Design, Frontend Tools: Pyfiglet Country applicability: Country not specified Classification basis: Source catalog labels Instruction SHA-256: 6073ea330c1a38c86772f0de3f4110168a8e94cb9cf464af1a2b3b5cf72c608a Metadata reviewed: 2026-10-27 This metadata supersedes earlier Dave AI catalog attribution. Original instruction and supporting files are preserved.