What problem does it solve?
This Skill helps teams produce detailed technical blueprints essential for planning and implementing web products or SaaS platforms, reducing design gaps and miscommunication.
Core Features & Use Cases
- Information Architecture: Creates complete sitemaps with hierarchical URL conventions for intuitive navigation.
- User Journey Mapping: Defines key conversion paths including acquisition, activation, and retention metrics.
- Data Architecture: Models entity relationships and schemas, including indexing and caching strategies for performance.
- API Definition: Specifies core REST endpoints with security, rate limiting, and third-party integrations.
- Component Inventory: Lists UI components with purposes and key properties for frontend development.
- Page Blueprints: Provides structural wireframes for main pages like landing, dashboard, and settings.
- Tech Stack Recommendations: Suggests suitable technologies with justifications for frontend, backend, database, and infrastructure.
- Performance Metrics: Sets targets for core web vitals and API latency.
- SEO Strategies: Outlines URL, schema, and metadata best practices.
- Enterprise Considerations: Includes domain-driven design, API governance, and security measures for large-scale applications.
Quick Start
Provide a detailed technical blueprint covering architecture, user flows, API design, components, and deployment strategies for a SaaS project.