tauri-app-splashscreen

When to use this skill

ALWAYS use this skill when the user mentions:

• Splashscreen at app startup / 启动时的启动页
• Hiding splashscreen timing / 启动页隐藏时机
• White screens during initial load / 初始加载白屏

Trigger phrases include:

• "splashscreen", "startup screen", "white screen", "loading"
• "启动页", "白屏", "加载"

How to use this skill

1. Configure splashscreen assets and window settings
2. Decide when to hide splashscreen and show main window
3. Handle slow frontend load and error fallback
4. Validate cross-platform startup behavior

Outputs

• Splashscreen lifecycle plan / 启动页生命周期方案
• Startup timing checklist / 启动时机清单

Scope

• Boundary: Splashscreen configuration and lifecycle only
• Key points: Avoiding white screen and startup timing

References

• https://v2.tauri.app/llms.txt
• https://v2.tauri.app/learn/splashscreen/
• https://v2.tauri.app/zh-cn/learn/splashscreen/

Keywords

tauri splashscreen, startup, window, white screen

Common pitfalls (Gotchas)

1. Version compatibility: Note the compatibility between framework versions and dependency libraries; APIs may differ across versions
2. Configuration file format: Configuration file format errors are the most common problem; it is recommended to use the editor's syntax checking
3. Environment variables: Ensure all necessary environment variables are set correctly, and do not hardcode sensitive information
4. Dependency conflicts: Pay attention to dependency conflicts when multiple versions coexist, and use a lock file to pin versions
5. Performance pitfalls: Pay attention to performance optimization in large-data scenarios, and avoid common issues such as N+1 queries

Usage flow

Step 1: Environment preparation

Ensure the development environment has the necessary dependencies and tools installed.

Step 2: Configuration initialization

Perform basic configuration according to project requirements.

Step 3: Using core features

Implement the core features according to the sample code.

Step 4: Test verification

Run tests to ensure the functionality works properly.

Step 5: Deploy to production

After development is complete, deploy and monitor.