Automatically generates and manages detailed screen specifications for Flutter projects by analyzing project structure and source code.
The Flutter Screen Spec Generator streamlines the documentation process by automating the creation and maintenance of comprehensive screen specification documents. It intelligently analyzes your Flutter project's architecture, state management patterns (like Riverpod or BLoC), and routing logic to set up customized templates. By parsing your UI code, the skill generates Markdown-based documentation covering display items, user events, and navigation flows. It features a robust update mode that detects diffs between your code and existing documentation, ensuring your project specs never fall out of sync with your implementation.
主な機能
01Interactive, step-by-step setup for custom documentation templates
023 GitHub stars
03Generates detailed Markdown specs including event tables and process flows
04Automated project analysis for UI, ViewModels, and routing paths
05Seamless integration with Claude Code via custom .claude/commands
06Intelligent diff detection for updating existing screen specifications
ユースケース
01Generating technical specs for existing screens during project handovers
02Standardizing documentation workflows for enterprise Flutter teams
03Maintaining living documentation that stays updated with UI code changes