speccrew 0.1.0

package/.speccrew/skills/speccrew-knowledge-techs-ui-analyze/templates/BUSINESS-COMPONENTS-TEMPLATE.md

@@ -0,0 +1,171 @@
+---
+template_name: business-components
+description: Business components usage conventions
+output_file: components/business-components.md
+---
+
+# Business Components
+
+<cite>
+**Files Referenced in This Document**
+{{source_files}}
+</cite>
+
+> **Target Audience**: devcrew-designer-{{platform_id}}, devcrew-dev-{{platform_id}}
+
+## Overview
+
+Domain-specific components for {{platform_name}}.
+
+## User Management Components
+
+### User Selector
+
+**Purpose**: Select users from the system
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{user_selector_props}}
+
+**Usage**:
+
+```vue
+{{user_selector_usage}}
+```
+
+---
+
+### Role Picker
+
+**Purpose**: Select user roles
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{role_picker_props}}
+
+**Usage**:
+
+```vue
+{{role_picker_usage}}
+```
+
+---
+
+## Department Components
+
+### Department Tree
+
+**Purpose**: Display and select department hierarchy
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{dept_tree_props}}
+
+**Usage**:
+
+```vue
+{{dept_tree_usage}}
+```
+
+---
+
+## Dictionary Components
+
+### Dictionary Tag
+
+**Purpose**: Display dictionary values with color coding
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{dict_tag_props}}
+
+**Usage**:
+
+```vue
+{{dict_tag_usage}}
+```
+
+---
+
+### Dictionary Select
+
+**Purpose**: Select from dictionary values
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{dict_select_props}}
+
+**Usage**:
+
+```vue
+{{dict_select_usage}}
+```
+
+---
+
+## File Components
+
+### Image Preview
+
+**Purpose**: Preview images with zoom and gallery
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{image_preview_props}}
+
+**Usage**:
+
+```vue
+{{image_preview_usage}}
+```
+
+---
+
+### File Upload
+
+**Purpose**: Upload files with progress and validation
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{file_upload_props}}
+
+**Usage**:
+
+```vue
+{{file_upload_usage}}
+```
+
+---
+
+## Component Guidelines
+
+### Domain Separation
+
+{{domain_separation_guidelines}}
+
+### Reusability
+
+{{reusability_guidelines}}
+
+### Data Integration
+
+{{data_integration_guidelines}}
+
+---
+
+**Section Source**
+{{section_source_files}}

package/.speccrew/skills/speccrew-knowledge-techs-ui-analyze/templates/COMMON-COMPONENTS-TEMPLATE.md

@@ -0,0 +1,177 @@
+---
+template_name: common-components
+description: Common components usage conventions
+output_file: components/common-components.md
+---
+
+# Common Components
+
+<cite>
+**Files Referenced in This Document**
+{{source_files}}
+</cite>
+
+> **Target Audience**: devcrew-designer-{{platform_id}}, devcrew-dev-{{platform_id}}
+
+## Overview
+
+Project-wide reusable components for {{platform_name}}.
+
+## Layout Components
+
+### Page Container
+
+**Purpose**: {{page_container_purpose}}
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{page_container_props}}
+
+**Usage**:
+
+```vue
+{{page_container_usage}}
+```
+
+---
+
+### Card
+
+**Purpose**: {{card_purpose}}
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{card_props}}
+
+**Usage**:
+
+```vue
+{{card_usage}}
+```
+
+---
+
+## Form Components
+
+### Search Form
+
+**Purpose**: {{search_form_purpose}}
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{search_form_props}}
+
+**Usage**:
+
+```vue
+{{search_form_usage}}
+```
+
+---
+
+### Data Form
+
+**Purpose**: {{data_form_purpose}}
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{data_form_props}}
+
+**Usage**:
+
+```vue
+{{data_form_usage}}
+```
+
+---
+
+## Data Display Components
+
+### Data Table
+
+**Purpose**: {{data_table_purpose}}
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{data_table_props}}
+
+**Usage**:
+
+```vue
+{{data_table_usage}}
+```
+
+---
+
+### Pagination
+
+**Purpose**: {{pagination_purpose}}
+
+**Props**:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+{{pagination_props}}
+
+**Usage**:
+
+```vue
+{{pagination_usage}}
+```
+
+---
+
+## Feedback Components
+
+### Loading State
+
+**Purpose**: {{loading_state_purpose}}
+
+**Usage**:
+
+```vue
+{{loading_state_usage}}
+```
+
+---
+
+### Empty State
+
+**Purpose**: {{empty_state_purpose}}
+
+**Usage**:
+
+```vue
+{{empty_state_usage}}
+```
+
+---
+
+## Component Guidelines
+
+### When to Use
+
+{{when_to_use_guidelines}}
+
+### Props Naming
+
+{{props_naming_guidelines}}
+
+### Event Handling
+
+{{event_handling_guidelines}}
+
+---
+
+**Section Source**
+{{section_source_files}}

package/.speccrew/skills/speccrew-knowledge-techs-ui-analyze/templates/COMPONENT-INDIVIDUAL-TEMPLATE.md

@@ -0,0 +1,80 @@
+---
+template_name: component-individual
+description: Individual component detail template
+dynamic_name: "{{component_name}}.md"
+output_path: components/
+---
+
+# {{component_name}}
+
+<cite>
+**Source Files Referenced**
+{{component_source_path}}
+</cite>
+
+> **Target Audience**: devcrew-designer-{{platform_id}}, devcrew-dev-{{platform_id}}
+
+## Overview
+
+- **Category**: {{category}} (UI Framework / Common / Business)
+- **Source**: {{source_library}} (e.g., Wot Design Uni, Element Plus, Custom)
+- **Location**: {{file_path}}
+
+## Props
+
+| Prop | Type | Default | Required | Description |
+|------|------|---------|----------|-------------|
+{{props_table}}
+
+## Events
+
+| Event | Payload | Description |
+|-------|---------|-------------|
+{{events_table}}
+
+## Slots
+
+| Slot | Props | Description |
+|------|-------|-------------|
+{{slots_table}}
+
+## Usage Examples
+
+### Basic Usage
+
+```{{framework_language}}
+{{basic_usage_code}}
+```
+
+### Common Patterns
+
+```{{framework_language}}
+{{pattern_usage_code}}
+```
+
+## Styling
+
+### CSS Variables / Classes
+
+| Variable/Class | Purpose |
+|---------------|---------|
+{{css_variables_table}}
+
+### Customization
+
+{{customization_notes}}
+
+## Best Practices
+
+{{best_practices_list}}
+
+## Related Components
+
+| Component | Relationship |
+|-----------|-------------|
+{{related_components_table}}
+
+---
+
+**Section Source**
+{{section_source_files}}

package/.speccrew/skills/speccrew-knowledge-techs-ui-analyze/templates/COMPONENT-LIBRARY-TEMPLATE.md

@@ -0,0 +1,118 @@
+---
+template_name: component-library
+description: Component library inventory template
+output_file: components/component-library.md
+---
+
+# Component Library Inventory
+
+<cite>
+**Files Referenced in This Document**
+{{source_files}}
+</cite>
+
+> **Target Audience**: devcrew-designer-{{platform_id}}, devcrew-dev-{{platform_id}}
+
+## Overview
+
+This document catalogs all components available in the {{platform_name}} project.
+
+### Component Categories
+
+1. **UI Framework Components**: Third-party components from {{ui_framework_name}}
+2. **Common Components**: Project-wide reusable components
+3. **Business Components**: Domain-specific components
+
+## UI Framework Components
+
+### Basic Components
+
+| Component | Purpose | Common Props | Usage Frequency |
+|-----------|---------|--------------|-----------------|
+{{basic_components_table}}
+
+### Form Components
+
+| Component | Purpose | Common Props | Usage Frequency |
+|-----------|---------|--------------|-----------------|
+{{form_components_table}}
+
+### Data Display Components
+
+| Component | Purpose | Common Props | Usage Frequency |
+|-----------|---------|--------------|-----------------|
+{{data_display_components_table}}
+
+### Navigation Components
+
+| Component | Purpose | Common Props | Usage Frequency |
+|-----------|---------|--------------|-----------------|
+{{navigation_components_table}}
+
+### Feedback Components
+
+| Component | Purpose | Common Props | Usage Frequency |
+|-----------|---------|--------------|-----------------|
+{{feedback_components_table}}
+
+## Common Components
+
+### Layout Components
+
+| Component | Purpose | Props | Location |
+|-----------|---------|-------|----------|
+{{common_layout_components_table}}
+
+### Utility Components
+
+| Component | Purpose | Props | Location |
+|-----------|---------|-------|----------|
+{{common_utility_components_table}}
+
+### Functional Components
+
+| Component | Purpose | Props | Location |
+|-----------|---------|-------|----------|
+{{common_functional_components_table}}
+
+## Business Components
+
+### Domain: {{domain_name}}
+
+| Component | Purpose | Props | Location |
+|-----------|---------|-------|----------|
+{{business_components_table}}
+
+## Component Usage Statistics
+
+### Most Used Components
+
+{{most_used_components_list}}
+
+### Component Dependencies
+
+```
+{{component_dependency_diagram}}
+```
+
+## Component Guidelines
+
+### When to Use Each Category
+
+- **UI Framework Components**: Base UI elements, standard interactions
+- **Common Components**: Cross-cutting concerns, repeated patterns
+- **Business Components**: Domain-specific functionality
+
+### Creating New Components
+
+Before creating a new component:
+
+1. Check if an existing component meets your needs
+2. Consider if it should be a common or business component
+3. Follow the established naming conventions
+4. Include proper documentation and examples
+
+---
+
+**Section Source**
+{{section_source_files}}

package/.speccrew/skills/speccrew-knowledge-techs-ui-analyze/templates/LAYOUT-INDIVIDUAL-TEMPLATE.md

@@ -0,0 +1,97 @@
+---
+template_name: layout-individual
+description: Individual layout pattern detail template
+dynamic_name: "{{layout_name}}-layout.md"
+output_path: layouts/
+---
+
+# {{layout_name}} Layout
+
+<cite>
+**Source Files Referenced**
+{{layout_source_files}}
+</cite>
+
+> **Target Audience**: devcrew-designer-{{platform_id}}, devcrew-dev-{{platform_id}}
+
+## Overview
+
+- **Type**: {{layout_type}} (e.g., TabBar, Detail, Form, Dashboard)
+- **Usage Frequency**: {{frequency}} (High / Medium / Low)
+- **Applicable Page Types**: {{applicable_page_types}}
+
+## Structure
+
+### Visual Layout
+
+```
+{{ascii_layout_diagram}}
+```
+
+### Layout Regions
+
+| Region | Purpose | Required | Content Type |
+|--------|---------|----------|-------------|
+{{layout_regions_table}}
+
+## Navigation
+
+### Entry Points
+
+{{entry_points_list}}
+
+### Exit Points
+
+{{exit_points_list}}
+
+### Navigation Method
+
+{{navigation_method}}
+
+## Component Composition
+
+### Required Components
+
+| Component | Role | Position |
+|-----------|------|----------|
+{{required_components_table}}
+
+### Optional Components
+
+| Component | Condition | Position |
+|-----------|-----------|----------|
+{{optional_components_table}}
+
+## Responsive Behavior
+<!-- CONDITIONAL: Only for web/desktop platforms -->
+
+| Breakpoint | Layout Change |
+|-----------|--------------|
+{{responsive_behavior_table}}
+
+## Configuration
+
+### Page-Level Config
+
+```json
+{{page_config_json}}
+```
+
+### Style Configuration
+
+{{style_config_notes}}
+
+## Usage Scenarios
+
+{{usage_scenarios_list}}
+
+## Examples in Codebase
+
+| Page | Path | Notes |
+|------|------|-------|
+{{examples_table}}
+
+---
+
+**Section Source**
+{{section_source_files}}