plankit-cli 1.3.1 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +53 -3
- package/package.json +1 -1
- package/src/agents.js +8 -4
- package/src/cli.js +106 -5
- package/src/commandBundles.js +105 -0
- package/src/config.js +20 -2
- package/templates/PLANKIT.md +7 -0
- package/templates/dotnet-commands/codex/dotnet-architecture-audit.md +25 -0
- package/templates/dotnet-commands/codex/dotnet-clean-guardrails.md +24 -0
- package/templates/dotnet-commands/codex/dotnet-ef-migration.md +25 -0
- package/templates/dotnet-commands/codex/dotnet-endpoint-from-model.md +26 -0
- package/templates/dotnet-commands/codex/dotnet-extract-service.md +25 -0
- package/templates/dotnet-commands/codex/dotnet-feature.md +26 -0
- package/templates/dotnet-commands/codex/dotnet-generate-tests.md +25 -0
- package/templates/dotnet-commands/codex/dotnet-health.md +24 -0
- package/templates/dotnet-commands/codex/dotnet-migrate-minimal-api.md +25 -0
- package/templates/dotnet-commands/codex/dotnet-modernize.md +25 -0
- package/templates/dotnet-commands/cursor/dotnet-architecture-audit.md +26 -0
- package/templates/dotnet-commands/cursor/dotnet-clean-guardrails.md +25 -0
- package/templates/dotnet-commands/cursor/dotnet-ef-migration.md +26 -0
- package/templates/dotnet-commands/cursor/dotnet-endpoint-from-model.md +27 -0
- package/templates/dotnet-commands/cursor/dotnet-extract-service.md +26 -0
- package/templates/dotnet-commands/cursor/dotnet-feature.md +27 -0
- package/templates/dotnet-commands/cursor/dotnet-generate-tests.md +26 -0
- package/templates/dotnet-commands/cursor/dotnet-health.md +25 -0
- package/templates/dotnet-commands/cursor/dotnet-migrate-minimal-api.md +26 -0
- package/templates/dotnet-commands/cursor/dotnet-modernize.md +26 -0
- package/templates/dotnet-commands/opencode/dotnet-architecture-audit.md +23 -0
- package/templates/dotnet-commands/opencode/dotnet-clean-guardrails.md +22 -0
- package/templates/dotnet-commands/opencode/dotnet-ef-migration.md +23 -0
- package/templates/dotnet-commands/opencode/dotnet-endpoint-from-model.md +24 -0
- package/templates/dotnet-commands/opencode/dotnet-extract-service.md +23 -0
- package/templates/dotnet-commands/opencode/dotnet-feature.md +24 -0
- package/templates/dotnet-commands/opencode/dotnet-generate-tests.md +23 -0
- package/templates/dotnet-commands/opencode/dotnet-health.md +22 -0
- package/templates/dotnet-commands/opencode/dotnet-migrate-minimal-api.md +23 -0
- package/templates/dotnet-commands/opencode/dotnet-modernize.md +23 -0
- package/templates/dotnet-skills/gemini/dotnet-architecture-audit/SKILL.md +26 -0
- package/templates/dotnet-skills/gemini/dotnet-clean-guardrails/SKILL.md +25 -0
- package/templates/dotnet-skills/gemini/dotnet-ef-migration/SKILL.md +26 -0
- package/templates/dotnet-skills/gemini/dotnet-endpoint-from-model/SKILL.md +27 -0
- package/templates/dotnet-skills/gemini/dotnet-extract-service/SKILL.md +26 -0
- package/templates/dotnet-skills/gemini/dotnet-feature/SKILL.md +27 -0
- package/templates/dotnet-skills/gemini/dotnet-generate-tests/SKILL.md +26 -0
- package/templates/dotnet-skills/gemini/dotnet-health/SKILL.md +25 -0
- package/templates/dotnet-skills/gemini/dotnet-migrate-minimal-api/SKILL.md +26 -0
- package/templates/dotnet-skills/gemini/dotnet-modernize/SKILL.md +26 -0
- package/templates/vue-commands/codex/component-pattern-audit.md +24 -0
- package/templates/vue-commands/codex/design-token-discover.md +24 -0
- package/templates/vue-commands/codex/design-token-migrate.md +24 -0
- package/templates/vue-commands/codex/js-to-ts.md +25 -0
- package/templates/vue-commands/codex/reactivity-audit.md +25 -0
- package/templates/vue-commands/codex/state-strategy-audit.md +23 -0
- package/templates/vue-commands/codex/vue-guardrails.md +24 -0
- package/templates/vue-commands/codex/vue-health.md +28 -0
- package/templates/vue-commands/codex/vue-legacy-map.md +25 -0
- package/templates/vue-commands/codex/vue-migration-plan.md +24 -0
- package/templates/vue-commands/codex/vue-modernize-slice.md +26 -0
- package/templates/vue-commands/codex/vue-pattern-map.md +24 -0
- package/templates/vue-commands/codex/vue-standardize.md +26 -0
- package/templates/vue-commands/codex/vue-style-audit.md +24 -0
- package/templates/vue-commands/codex/vue-target-architecture.md +24 -0
- package/templates/vue-commands/cursor/component-pattern-audit.md +25 -0
- package/templates/vue-commands/cursor/design-token-discover.md +25 -0
- package/templates/vue-commands/cursor/design-token-migrate.md +25 -0
- package/templates/vue-commands/cursor/js-to-ts.md +26 -0
- package/templates/vue-commands/cursor/reactivity-audit.md +26 -0
- package/templates/vue-commands/cursor/state-strategy-audit.md +24 -0
- package/templates/vue-commands/cursor/vue-guardrails.md +25 -0
- package/templates/vue-commands/cursor/vue-health.md +29 -0
- package/templates/vue-commands/cursor/vue-legacy-map.md +26 -0
- package/templates/vue-commands/cursor/vue-migration-plan.md +25 -0
- package/templates/vue-commands/cursor/vue-modernize-slice.md +27 -0
- package/templates/vue-commands/cursor/vue-pattern-map.md +25 -0
- package/templates/vue-commands/cursor/vue-standardize.md +27 -0
- package/templates/vue-commands/cursor/vue-style-audit.md +25 -0
- package/templates/vue-commands/cursor/vue-target-architecture.md +25 -0
- package/templates/vue-commands/opencode/component-pattern-audit.md +22 -0
- package/templates/vue-commands/opencode/design-token-discover.md +22 -0
- package/templates/vue-commands/opencode/design-token-migrate.md +22 -0
- package/templates/vue-commands/opencode/js-to-ts.md +23 -0
- package/templates/vue-commands/opencode/reactivity-audit.md +23 -0
- package/templates/vue-commands/opencode/state-strategy-audit.md +21 -0
- package/templates/vue-commands/opencode/vue-guardrails.md +22 -0
- package/templates/vue-commands/opencode/vue-health.md +26 -0
- package/templates/vue-commands/opencode/vue-legacy-map.md +23 -0
- package/templates/vue-commands/opencode/vue-migration-plan.md +22 -0
- package/templates/vue-commands/opencode/vue-modernize-slice.md +24 -0
- package/templates/vue-commands/opencode/vue-pattern-map.md +22 -0
- package/templates/vue-commands/opencode/vue-standardize.md +24 -0
- package/templates/vue-commands/opencode/vue-style-audit.md +22 -0
- package/templates/vue-commands/opencode/vue-target-architecture.md +22 -0
- package/templates/vue-skills/gemini/component-pattern-audit/SKILL.md +25 -0
- package/templates/vue-skills/gemini/design-token-discover/SKILL.md +25 -0
- package/templates/vue-skills/gemini/design-token-migrate/SKILL.md +25 -0
- package/templates/vue-skills/gemini/js-to-ts/SKILL.md +26 -0
- package/templates/vue-skills/gemini/reactivity-audit/SKILL.md +26 -0
- package/templates/vue-skills/gemini/state-strategy-audit/SKILL.md +24 -0
- package/templates/vue-skills/gemini/vue-guardrails/SKILL.md +25 -0
- package/templates/vue-skills/gemini/vue-health/SKILL.md +29 -0
- package/templates/vue-skills/gemini/vue-legacy-map/SKILL.md +26 -0
- package/templates/vue-skills/gemini/vue-migration-plan/SKILL.md +25 -0
- package/templates/vue-skills/gemini/vue-modernize-slice/SKILL.md +27 -0
- package/templates/vue-skills/gemini/vue-pattern-map/SKILL.md +25 -0
- package/templates/vue-skills/gemini/vue-standardize/SKILL.md +27 -0
- package/templates/vue-skills/gemini/vue-style-audit/SKILL.md +25 -0
- package/templates/vue-skills/gemini/vue-target-architecture/SKILL.md +25 -0
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: dotnet-ef-migration
|
|
3
|
+
description: Safe Entity Framework Core migration workflow with entity audit, SQL review, and rollback.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# /dotnet-ef-migration
|
|
7
|
+
|
|
8
|
+
Plan, generate, and review safe Entity Framework Core database migrations.
|
|
9
|
+
|
|
10
|
+
## Workflow
|
|
11
|
+
1. Audit entity configurations (Fluent API vs DataAnnotations) in target DbContext.
|
|
12
|
+
2. Check for missing indexes, foreign key cascading issues, and property lengths.
|
|
13
|
+
3. Generate migration with a descriptive name (dotnet ef migrations add <Name>).
|
|
14
|
+
4. Generate and inspect raw migration SQL script (dotnet ef migrations script).
|
|
15
|
+
5. Check for destructive schema changes (table drops, column drops, data loss warnings).
|
|
16
|
+
|
|
17
|
+
## Guardrail
|
|
18
|
+
Never execute irreversible or destructive migrations without explicit user confirmation.
|
|
19
|
+
|
|
20
|
+
## Options
|
|
21
|
+
- --name <Name> descriptive migration name
|
|
22
|
+
- --preview-sql inspect generated SQL before applying
|
|
23
|
+
|
|
24
|
+
# dotnet-ef-migration
|
|
25
|
+
|
|
26
|
+
Execute the workflow with the target arguments from the request.
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: dotnet-endpoint-from-model
|
|
3
|
+
description: Generate ASP.NET Core Minimal API or Controller endpoints from an entity/model with validation.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# /dotnet-endpoint-from-model
|
|
7
|
+
|
|
8
|
+
Generate robust CRUD endpoints from a domain model or entity.
|
|
9
|
+
|
|
10
|
+
## Workflow
|
|
11
|
+
1. Inspect entity/model properties, keys, and navigation properties.
|
|
12
|
+
2. Generate Request/Response DTOs to avoid overposting or leaking domain entities.
|
|
13
|
+
3. Generate endpoint handlers using TypedResults (Ok, Created, NotFound, ValidationProblem).
|
|
14
|
+
4. Configure authorization, route groups, and OpenAPI metadata (.WithName(), .Produces()).
|
|
15
|
+
5. Verify endpoint route constraints.
|
|
16
|
+
|
|
17
|
+
## Guardrail
|
|
18
|
+
Never expose raw database entities directly to API responses. Always map through DTOs.
|
|
19
|
+
|
|
20
|
+
## Options
|
|
21
|
+
- --minimal use ASP.NET Core Minimal APIs (default)
|
|
22
|
+
- --controller use Controller-based architecture
|
|
23
|
+
- --dto <Type> use existing DTO type
|
|
24
|
+
|
|
25
|
+
# dotnet-endpoint-from-model
|
|
26
|
+
|
|
27
|
+
Execute the workflow with the target arguments from the request.
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: dotnet-extract-service
|
|
3
|
+
description: Refactor fat services or bloated controllers into isolated CQRS handlers or domain services.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# /dotnet-extract-service
|
|
7
|
+
|
|
8
|
+
Decompose fat classes into single-responsibility handlers or domain services.
|
|
9
|
+
|
|
10
|
+
## Workflow
|
|
11
|
+
1. Identify oversized methods or multi-responsibility service classes.
|
|
12
|
+
2. Extract target method into an independent Command/Query handler or domain service.
|
|
13
|
+
3. Define required interfaces and register with Microsoft.Extensions.DependencyInjection.
|
|
14
|
+
4. Update caller references and ensure backward compatibility.
|
|
15
|
+
5. Create unit tests for extracted handler.
|
|
16
|
+
|
|
17
|
+
## Guardrail
|
|
18
|
+
Preserve existing behavior and contract signatures. Do not introduce breaking API changes.
|
|
19
|
+
|
|
20
|
+
## Options
|
|
21
|
+
- --class <Name> source class to refactor
|
|
22
|
+
- --method <Name> specific method to extract
|
|
23
|
+
|
|
24
|
+
# dotnet-extract-service
|
|
25
|
+
|
|
26
|
+
Execute the workflow with the target arguments from the request.
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: dotnet-feature
|
|
3
|
+
description: Build an end-to-end vertical slice feature (Command/Query, MediatR, FluentValidation, Endpoint).
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# /dotnet-feature
|
|
7
|
+
|
|
8
|
+
Generate a complete, self-contained feature slice following Vertical Slice Architecture.
|
|
9
|
+
|
|
10
|
+
## Workflow
|
|
11
|
+
1. Determine feature name, operation type (Command or Query), and target domain.
|
|
12
|
+
2. Generate Request and Response DTO records with immutable properties.
|
|
13
|
+
3. Generate FluentValidation validator with standard validation rules.
|
|
14
|
+
4. Generate MediatR / Wolverine handler with DbContext or repository access.
|
|
15
|
+
5. Expose via Minimal API endpoint or Controller with TypedResults.
|
|
16
|
+
6. Scaffold unit tests and integration tests.
|
|
17
|
+
|
|
18
|
+
## Guardrail
|
|
19
|
+
Adhere to existing solution conventions (Vertical Slices vs Clean Architecture). Do not introduce unnecessary abstractions.
|
|
20
|
+
|
|
21
|
+
## Options
|
|
22
|
+
- --type <command|query> operation type
|
|
23
|
+
- --model <Entity> domain entity to base feature on
|
|
24
|
+
|
|
25
|
+
# dotnet-feature
|
|
26
|
+
|
|
27
|
+
Execute the workflow with the target arguments from the request.
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: dotnet-generate-tests
|
|
3
|
+
description: Generate xUnit/NUnit tests with FluentAssertions and WebApplicationFactory integration tests.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# /dotnet-generate-tests
|
|
7
|
+
|
|
8
|
+
Generate comprehensive unit and integration tests for .NET handlers, services, and endpoints.
|
|
9
|
+
|
|
10
|
+
## Workflow
|
|
11
|
+
1. Inspect target class (Handler, Validator, Service, or Endpoint).
|
|
12
|
+
2. Generate unit tests covering valid input, boundary conditions, and error cases.
|
|
13
|
+
3. Use Moq or NSubstitute for dependencies and FluentAssertions for assertions.
|
|
14
|
+
4. For endpoints, generate WebApplicationFactory integration tests verifying status codes and payloads.
|
|
15
|
+
5. Run tests with dotnet test.
|
|
16
|
+
|
|
17
|
+
## Guardrail
|
|
18
|
+
Mock only external boundaries (I/O, database, third-party APIs); test real business domain logic.
|
|
19
|
+
|
|
20
|
+
## Options
|
|
21
|
+
- --framework <xunit|nunit> test framework (default: xunit)
|
|
22
|
+
- --integration generate WebApplicationFactory integration tests
|
|
23
|
+
|
|
24
|
+
# dotnet-generate-tests
|
|
25
|
+
|
|
26
|
+
Execute the workflow with the target arguments from the request.
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: dotnet-health
|
|
3
|
+
description: Audit .NET solution health: SDK versions, NuGet packages, vulnerabilities, and compiler warnings.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# /dotnet-health
|
|
7
|
+
|
|
8
|
+
Comprehensive health check for .NET solutions and projects.
|
|
9
|
+
|
|
10
|
+
## Workflow
|
|
11
|
+
1. Locate .sln and .csproj files, target frameworks (e.g. net8.0, net9.0), and SDK versions.
|
|
12
|
+
2. Check for vulnerable and outdated NuGet packages (dotnet list package --vulnerable).
|
|
13
|
+
3. Audit nullable reference types (<Nullable>enable</Nullable>) and compiler warning configurations.
|
|
14
|
+
4. Output structured markdown diagnostic report with prioritized security and health recommendations.
|
|
15
|
+
|
|
16
|
+
## Guardrail
|
|
17
|
+
Read-only diagnostic audit. Never modify project files during health check.
|
|
18
|
+
|
|
19
|
+
## Options
|
|
20
|
+
- --json output machine-readable JSON metrics
|
|
21
|
+
- --project <path> restrict audit to a specific project
|
|
22
|
+
|
|
23
|
+
# dotnet-health
|
|
24
|
+
|
|
25
|
+
Execute the workflow with the target arguments from the request.
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: dotnet-migrate-minimal-api
|
|
3
|
+
description: Migrate ASP.NET Core controllers to modern Minimal APIs with RouteGroups and typed results.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# /dotnet-migrate-minimal-api
|
|
7
|
+
|
|
8
|
+
Refactor traditional controllers to modern, high-performance Minimal API route groups.
|
|
9
|
+
|
|
10
|
+
## Workflow
|
|
11
|
+
1. Inspect controller routes, actions, authorization attributes, and filter pipeline.
|
|
12
|
+
2. Create endpoint extension class (MapXxxEndpoints()) using MapGroup().
|
|
13
|
+
3. Convert ActionResult<T> to TypedResults with explicit return types.
|
|
14
|
+
4. Replace controller DI with endpoint parameter injection ([FromServices], [FromBody]).
|
|
15
|
+
5. Verify route parity and run integration tests.
|
|
16
|
+
|
|
17
|
+
## Guardrail
|
|
18
|
+
Preserve exact route paths, query parameter names, and HTTP status code behaviors.
|
|
19
|
+
|
|
20
|
+
## Options
|
|
21
|
+
- --controller <Name> name of the controller to migrate
|
|
22
|
+
- --dry-run preview changes without modifying files
|
|
23
|
+
|
|
24
|
+
# dotnet-migrate-minimal-api
|
|
25
|
+
|
|
26
|
+
Execute the workflow with the target arguments from the request.
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: dotnet-modernize
|
|
3
|
+
description: Upgrade legacy C# code to modern C# 12+ / .NET 8+ patterns (primary constructors, pattern matching).
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# /dotnet-modernize
|
|
7
|
+
|
|
8
|
+
Modernize legacy C# syntax using modern C# language features.
|
|
9
|
+
|
|
10
|
+
## Workflow
|
|
11
|
+
1. Convert block-scoped namespaces to file-scoped namespaces (namespace X;).
|
|
12
|
+
2. Convert classes/records with boilerplate constructors to primary constructors where appropriate.
|
|
13
|
+
3. Adopt collection expressions ([] instead of new List<T>(), Array.Empty<T>()).
|
|
14
|
+
4. Use pattern matching (is not null, switch expressions, property patterns).
|
|
15
|
+
5. Build solution and run test suite to verify zero semantic changes.
|
|
16
|
+
|
|
17
|
+
## Guardrail
|
|
18
|
+
Only apply safe, semantic-preserving modernizations. Never compromise readability for conciseness.
|
|
19
|
+
|
|
20
|
+
## Options
|
|
21
|
+
- --project <path> target specific project
|
|
22
|
+
- --dry-run preview modernization diffs
|
|
23
|
+
|
|
24
|
+
# dotnet-modernize
|
|
25
|
+
|
|
26
|
+
Execute the workflow with the target arguments from the request.
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# component-pattern-audit
|
|
2
|
+
> Audit SFC component design, god components, prop drilling, and emits declarations.
|
|
3
|
+
|
|
4
|
+
# /component-pattern-audit
|
|
5
|
+
|
|
6
|
+
Evaluate component architecture, complexity, prop drilling, and API design.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Identify god components (> 400 lines, > 15 props, > 10 internal states).
|
|
10
|
+
2. Detect undeclared emits ($emit used in template without defineEmits declaration).
|
|
11
|
+
3. Flag prop drilling deeper than 3 levels where state management is preferable.
|
|
12
|
+
4. Suggest logical component decomposition boundaries.
|
|
13
|
+
|
|
14
|
+
## Guardrail
|
|
15
|
+
Read-only component evaluation.
|
|
16
|
+
|
|
17
|
+
## Options
|
|
18
|
+
- --max-lines <n> line threshold for god component alert (default: 400)
|
|
19
|
+
- --json output metrics as JSON
|
|
20
|
+
|
|
21
|
+
## Execution
|
|
22
|
+
1. Run Vue context discovery against the repository.
|
|
23
|
+
2. Apply the workflow above with the provided target.
|
|
24
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# design-token-discover
|
|
2
|
+
> Discover repeated color literals, typography, spacing, and shadows into design token candidates.
|
|
3
|
+
|
|
4
|
+
# /design-token-discover
|
|
5
|
+
|
|
6
|
+
Mine CSS/SCSS and templates for repeated styling values to form design tokens.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Extract all color hex/rgb/hsl values, spacing dimensions, border radii, and font sizes.
|
|
10
|
+
2. Cluster identical and near-identical values.
|
|
11
|
+
3. Suggest semantic token names (--color-primary, --spacing-md, etc.).
|
|
12
|
+
4. Generate candidate token definitions (CSS custom properties, Tailwind theme, or SCSS variables).
|
|
13
|
+
|
|
14
|
+
## Guardrail
|
|
15
|
+
Do not automatically rewrite styles without approval.
|
|
16
|
+
|
|
17
|
+
## Options
|
|
18
|
+
- --min-occurrences <n> minimum occurrences to qualify as token (default: 3)
|
|
19
|
+
- --output <file> output file for candidate tokens
|
|
20
|
+
|
|
21
|
+
## Execution
|
|
22
|
+
1. Run Vue context discovery against the repository.
|
|
23
|
+
2. Apply the workflow above with the provided target.
|
|
24
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# design-token-migrate
|
|
2
|
+
> Migrate hardcoded styles in Vue components to standardized design tokens or utility classes.
|
|
3
|
+
|
|
4
|
+
# /design-token-migrate
|
|
5
|
+
|
|
6
|
+
Replace hardcoded colors, spacing, and typography with standardized design tokens.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Match target component styles against the token dictionary.
|
|
10
|
+
2. Replace hardcoded literals with var(--token) or design system utility classes.
|
|
11
|
+
3. Verify visual layout fidelity and verify responsive styling.
|
|
12
|
+
4. Run component tests.
|
|
13
|
+
|
|
14
|
+
## Guardrail
|
|
15
|
+
Preserve exact visual rendering. Retain fallback values when migrating tokens.
|
|
16
|
+
|
|
17
|
+
## Options
|
|
18
|
+
- --dry-run preview style replacements without modifying files
|
|
19
|
+
- --interactive confirm each token replacement
|
|
20
|
+
|
|
21
|
+
## Execution
|
|
22
|
+
1. Run Vue context discovery against the repository.
|
|
23
|
+
2. Apply the workflow above with the provided target.
|
|
24
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
# js-to-ts
|
|
2
|
+
> Convert JavaScript Vue SFCs and utility modules to TypeScript with typed props and emits.
|
|
3
|
+
|
|
4
|
+
# /js-to-ts
|
|
5
|
+
|
|
6
|
+
Safely migrate JavaScript files and Vue SFCs to TypeScript with strict type definitions.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Rename .js to .ts, or set <script setup lang="ts"> in SFCs.
|
|
10
|
+
2. Convert runtime props to defineProps<{ ... }>() with explicit interfaces.
|
|
11
|
+
3. Convert runtime emits to defineEmits<{ ... }>() with typed payloads.
|
|
12
|
+
4. Add typed interfaces for component state, API responses, and composable returns.
|
|
13
|
+
5. Verify type check with vue-tsc or tsc --noEmit.
|
|
14
|
+
|
|
15
|
+
## Guardrail
|
|
16
|
+
Do not use 'any' when types can be accurately inferred or declared.
|
|
17
|
+
|
|
18
|
+
## Options
|
|
19
|
+
- --strict enforce strict typing without fallback assertions
|
|
20
|
+
- --dry-run show generated types before applying
|
|
21
|
+
|
|
22
|
+
## Execution
|
|
23
|
+
1. Run Vue context discovery against the repository.
|
|
24
|
+
2. Apply the workflow above with the provided target.
|
|
25
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
# reactivity-audit
|
|
2
|
+
> Audit Vue reactivity anti-patterns (destructuring props, missing toRefs, watcher leaks).
|
|
3
|
+
|
|
4
|
+
# /reactivity-audit
|
|
5
|
+
|
|
6
|
+
Identify subtle Vue 3 reactivity bugs, lost reactivity, and memory leaks.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Check for destructured defineProps() without toRefs() or toValue() in reactive contexts.
|
|
10
|
+
2. Detect direct prop mutation or nested prop mutations.
|
|
11
|
+
3. Detect watch/watchEffect or window event listeners without cleanup in onUnmounted.
|
|
12
|
+
4. Detect inappropriate mixing of ref and reactive.
|
|
13
|
+
5. Produce fix recommendations with before/after code snippets.
|
|
14
|
+
|
|
15
|
+
## Guardrail
|
|
16
|
+
Read-only reactivity analysis.
|
|
17
|
+
|
|
18
|
+
## Options
|
|
19
|
+
- --path <dir> restrict check to specific directory
|
|
20
|
+
- --fix-suggestions include detailed refactoring suggestions
|
|
21
|
+
|
|
22
|
+
## Execution
|
|
23
|
+
1. Run Vue context discovery against the repository.
|
|
24
|
+
2. Apply the workflow above with the provided target.
|
|
25
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
# state-strategy-audit
|
|
2
|
+
> Audit Vuex vs Pinia vs composable store usage, identifying leaks and duplicate state.
|
|
3
|
+
|
|
4
|
+
# /state-strategy-audit
|
|
5
|
+
|
|
6
|
+
Analyze state management usage across the repository to identify state sprawl and duplication.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Map all stores (Vuex modules, Pinia stores, global reactive composables).
|
|
10
|
+
2. Detect components accessing multiple state paradigms simultaneously.
|
|
11
|
+
3. Flag duplicated domain state (e.g. user info stored in both Vuex and a composable).
|
|
12
|
+
4. Provide migration roadmap for transitioning from Vuex to Pinia.
|
|
13
|
+
|
|
14
|
+
## Guardrail
|
|
15
|
+
Read-only audit.
|
|
16
|
+
|
|
17
|
+
## Options
|
|
18
|
+
- --json output state dependency map as JSON
|
|
19
|
+
|
|
20
|
+
## Execution
|
|
21
|
+
1. Run Vue context discovery against the repository.
|
|
22
|
+
2. Apply the workflow above with the provided target.
|
|
23
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# vue-guardrails
|
|
2
|
+
> Configure ESLint, TypeScript strict rules, and architectural boundaries to prevent regressions.
|
|
3
|
+
|
|
4
|
+
# /vue-guardrails
|
|
5
|
+
|
|
6
|
+
Lock in modernization progress by establishing automated linter and compiler guardrails.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Inspect existing ESLint, TypeScript, and Prettier configurations.
|
|
10
|
+
2. Add eslint-plugin-vue rules enforcing <script setup>, defineProps, and defineEmits.
|
|
11
|
+
3. Disallow new Options API usage or deprecated APIs in modernized directories.
|
|
12
|
+
4. Output recommended rule configurations.
|
|
13
|
+
|
|
14
|
+
## Guardrail
|
|
15
|
+
Never break existing CI builds; introduce strict rules gradually or scoped to modern directories.
|
|
16
|
+
|
|
17
|
+
## Options
|
|
18
|
+
- --apply apply recommended configurations to project config files
|
|
19
|
+
- --dry-run preview configuration changes
|
|
20
|
+
|
|
21
|
+
## Execution
|
|
22
|
+
1. Run Vue context discovery against the repository.
|
|
23
|
+
2. Apply the workflow above with the provided target.
|
|
24
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
# vue-health
|
|
2
|
+
> Audit Vue codebase health, tech debt score, Options vs Composition ratio, and modernization risks.
|
|
3
|
+
|
|
4
|
+
# /vue-health
|
|
5
|
+
|
|
6
|
+
Comprehensive diagnostic scan of Vue codebase health, architectural consistency, and tech debt.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Discover Vue version, build tooling (Vite/Webpack), language (JS/TS), package manager, and test runner.
|
|
10
|
+
2. Scan SFCs for Options API vs Composition API vs <script setup>.
|
|
11
|
+
3. Scan state management (Vuex vs Pinia vs composables vs local state).
|
|
12
|
+
4. Scan data access (axios in SFCs vs api client vs TanStack Query / useFetch).
|
|
13
|
+
5. Scan styling (global CSS/SCSS vs scoped vs CSS Modules vs Tailwind/utility).
|
|
14
|
+
6. Calculate Health Score (0-100) and classify files into PREFERRED, TRANSITIONAL, and LEGACY.
|
|
15
|
+
7. Output structured markdown diagnostic report with prioritized modernization recommendations.
|
|
16
|
+
|
|
17
|
+
## Guardrail
|
|
18
|
+
Read-only diagnostic audit. Never modify files during health check.
|
|
19
|
+
|
|
20
|
+
## Options
|
|
21
|
+
- --json output machine-readable JSON metrics
|
|
22
|
+
- --min-score <n> fail if health score is below threshold
|
|
23
|
+
- --path <dir> restrict analysis to specific directory
|
|
24
|
+
|
|
25
|
+
## Execution
|
|
26
|
+
1. Run Vue context discovery against the repository.
|
|
27
|
+
2. Apply the workflow above with the provided target.
|
|
28
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
# vue-legacy-map
|
|
2
|
+
> Catalog all legacy Vue files, mixins, filters, Options API components, and tech debt hotspots.
|
|
3
|
+
|
|
4
|
+
# /vue-legacy-map
|
|
5
|
+
|
|
6
|
+
Build an inventory of legacy code, deprecated APIs, and tech debt hotspots.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Scan for Options API components, this.$ references, mixins, event bus ($on/$emit), and filters.
|
|
10
|
+
2. Detect deprecated CSS deep selectors (::v-deep, /deep/, >>>).
|
|
11
|
+
3. Find legacy Vuex stores and mutation patterns.
|
|
12
|
+
4. Assign migration complexity score (Low, Medium, High, Critical) based on size, coupling, and dependencies.
|
|
13
|
+
5. Generate ranked migration backlog table.
|
|
14
|
+
|
|
15
|
+
## Guardrail
|
|
16
|
+
Read-only inventory. Do not transform files.
|
|
17
|
+
|
|
18
|
+
## Options
|
|
19
|
+
- --filter <type> filter by mixins, vuex, options, or deep-selectors
|
|
20
|
+
- --min-complexity <l> filter by complexity level
|
|
21
|
+
|
|
22
|
+
## Execution
|
|
23
|
+
1. Run Vue context discovery against the repository.
|
|
24
|
+
2. Apply the workflow above with the provided target.
|
|
25
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# vue-migration-plan
|
|
2
|
+
> Generate a phased, low-risk migration plan for a legacy Vue feature or directory.
|
|
3
|
+
|
|
4
|
+
# /vue-migration-plan
|
|
5
|
+
|
|
6
|
+
Formulate an incremental, phased migration plan for a feature slice before code modifications.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Analyze dependencies and call paths of the target directory.
|
|
10
|
+
2. Identify shared state, shared UI primitives, and data access layers.
|
|
11
|
+
3. Divide migration into safe phases: (1) Leaf components, (2) State & data access, (3) Container/Page components, (4) Verification.
|
|
12
|
+
4. Generate PlanKit phase specifications under artifacts/current/<feature>/phases/.
|
|
13
|
+
|
|
14
|
+
## Guardrail
|
|
15
|
+
Enforce incremental migration over big-bang rewrites. Keep each phase independently testable.
|
|
16
|
+
|
|
17
|
+
## Options
|
|
18
|
+
- --phases <n> number of migration phases (default: 3)
|
|
19
|
+
- --feature <name> name of the feature workspace
|
|
20
|
+
|
|
21
|
+
## Execution
|
|
22
|
+
1. Run Vue context discovery against the repository.
|
|
23
|
+
2. Apply the workflow above with the provided target.
|
|
24
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# vue-modernize-slice
|
|
2
|
+
> Perform an end-to-end modernization of a Vue feature slice with validation and guardrails.
|
|
3
|
+
|
|
4
|
+
# /vue-modernize-slice
|
|
5
|
+
|
|
6
|
+
Orchestrate complete vertical slice modernization from legacy to target architecture.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Discover feature boundaries, templates, stores, and dependencies.
|
|
10
|
+
2. Generate phased plan with vue-migration-plan.
|
|
11
|
+
3. Modernize components: Options API -> <script setup>, JS -> TS, Vuex -> Pinia.
|
|
12
|
+
4. Apply design tokens with design-token-migrate.
|
|
13
|
+
5. Run vue-tsc, linter, and unit tests to verify zero regressions.
|
|
14
|
+
|
|
15
|
+
## Guardrail
|
|
16
|
+
Maintain backward compatibility at every step. Do not commit failing builds.
|
|
17
|
+
|
|
18
|
+
## Options
|
|
19
|
+
- --slice <dir> path to feature slice directory
|
|
20
|
+
- --dry-run preview all planned changes
|
|
21
|
+
- --no-tests skip running tests
|
|
22
|
+
|
|
23
|
+
## Execution
|
|
24
|
+
1. Run Vue context discovery against the repository.
|
|
25
|
+
2. Apply the workflow above with the provided target.
|
|
26
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# vue-pattern-map
|
|
2
|
+
> Map architectural patterns across the Vue repository for state, data fetching, styling, and components.
|
|
3
|
+
|
|
4
|
+
# /vue-pattern-map
|
|
5
|
+
|
|
6
|
+
Map and categorize all coexisting architectural patterns across the Vue codebase.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Identify pattern categories: Component syntax, State management, Data fetching, Styling, Routing, Testing.
|
|
10
|
+
2. Fingerprint each file into its matching pattern archetype.
|
|
11
|
+
3. Cluster patterns and determine: PREFERRED (target), TRANSITIONAL, and LEGACY.
|
|
12
|
+
4. Output a comprehensive pattern directory map and migration complexity ranking.
|
|
13
|
+
|
|
14
|
+
## Guardrail
|
|
15
|
+
Do not assume repository majority equals target architecture in mixed legacy codebases.
|
|
16
|
+
|
|
17
|
+
## Options
|
|
18
|
+
- --category <name> filter by category (state, data, styling, component)
|
|
19
|
+
- --json output pattern clusters as JSON
|
|
20
|
+
|
|
21
|
+
## Execution
|
|
22
|
+
1. Run Vue context discovery against the repository.
|
|
23
|
+
2. Apply the workflow above with the provided target.
|
|
24
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# vue-standardize
|
|
2
|
+
> Refactor a Vue component or composable to conform to the established target architecture.
|
|
3
|
+
|
|
4
|
+
# /vue-standardize
|
|
5
|
+
|
|
6
|
+
Refactor a component or composable to align with target conventions with zero breaking changes.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Parse target SFC (script, template, style).
|
|
10
|
+
2. Convert Options API to <script setup> with Composition API.
|
|
11
|
+
3. Replace this.$store with Pinia store or reactive composable.
|
|
12
|
+
4. Preserve public API (props, emits, exposed slots) to avoid breaking parent components.
|
|
13
|
+
5. Verify TypeScript types and run component tests.
|
|
14
|
+
|
|
15
|
+
## Guardrail
|
|
16
|
+
Never rewrite business logic. Always preserve component prop/event contracts and visual styling.
|
|
17
|
+
|
|
18
|
+
## Options
|
|
19
|
+
- --dry-run preview changes without writing
|
|
20
|
+
- --no-tests skip running verification tests
|
|
21
|
+
- --interactive confirm transformations step by step
|
|
22
|
+
|
|
23
|
+
## Execution
|
|
24
|
+
1. Run Vue context discovery against the repository.
|
|
25
|
+
2. Apply the workflow above with the provided target.
|
|
26
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# vue-style-audit
|
|
2
|
+
> Audit styling patterns, global vs scoped CSS/SCSS, deep selectors, and hardcoded values.
|
|
3
|
+
|
|
4
|
+
# /vue-style-audit
|
|
5
|
+
|
|
6
|
+
Analyze CSS/SCSS architecture, scoping violations, and hardcoded values across Vue components.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Catalog all <style> tags: scoped vs unscoped, lang (css, scss, less), and CSS Modules.
|
|
10
|
+
2. Identify leaky global styles and deprecated deep selectors (::v-deep, /deep/).
|
|
11
|
+
3. Detect hardcoded hex colors, magic numbers in margins/padding, font sizes, and z-indexes.
|
|
12
|
+
4. Generate style report highlighting candidates for design token extraction.
|
|
13
|
+
|
|
14
|
+
## Guardrail
|
|
15
|
+
Read-only style audit.
|
|
16
|
+
|
|
17
|
+
## Options
|
|
18
|
+
- --json output style metrics as JSON
|
|
19
|
+
- --path <dir> restrict audit to specific directory
|
|
20
|
+
|
|
21
|
+
## Execution
|
|
22
|
+
1. Run Vue context discovery against the repository.
|
|
23
|
+
2. Apply the workflow above with the provided target.
|
|
24
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# vue-target-architecture
|
|
2
|
+
> Define or inspect the target architectural conventions for modernizing the Vue application.
|
|
3
|
+
|
|
4
|
+
# /vue-target-architecture
|
|
5
|
+
|
|
6
|
+
Establish and document the canonical target architecture for the repository.
|
|
7
|
+
|
|
8
|
+
## Workflow
|
|
9
|
+
1. Inspect existing modern slices or prompt for target conventions.
|
|
10
|
+
2. Define target standards: Vue 3, <script setup>, TypeScript strictness, Pinia stores, styling foundation, testing framework.
|
|
11
|
+
3. Classify patterns into PREFERRED, TRANSITIONAL, and LEGACY.
|
|
12
|
+
4. Record target architectural profile in artifacts/VUE_TARGET.md for PlanKit commands to reference.
|
|
13
|
+
|
|
14
|
+
## Guardrail
|
|
15
|
+
Require explicit target decisions before broad refactoring. Never guess without evidence.
|
|
16
|
+
|
|
17
|
+
## Options
|
|
18
|
+
- --interactive guide through target architecture decisions
|
|
19
|
+
- --save persist target architecture to artifacts
|
|
20
|
+
|
|
21
|
+
## Execution
|
|
22
|
+
1. Run Vue context discovery against the repository.
|
|
23
|
+
2. Apply the workflow above with the provided target.
|
|
24
|
+
3. Report files created/modified and patterns standardized.
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Audit SFC component design, god components, prop drilling, and emits declarations.
|
|
3
|
+
globs: **/*.vue, **/*.ts, **/*.js, **/*.scss, **/*.css
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# component-pattern-audit
|
|
7
|
+
|
|
8
|
+
# /component-pattern-audit
|
|
9
|
+
|
|
10
|
+
Evaluate component architecture, complexity, prop drilling, and API design.
|
|
11
|
+
|
|
12
|
+
## Workflow
|
|
13
|
+
1. Identify god components (> 400 lines, > 15 props, > 10 internal states).
|
|
14
|
+
2. Detect undeclared emits ($emit used in template without defineEmits declaration).
|
|
15
|
+
3. Flag prop drilling deeper than 3 levels where state management is preferable.
|
|
16
|
+
4. Suggest logical component decomposition boundaries.
|
|
17
|
+
|
|
18
|
+
## Guardrail
|
|
19
|
+
Read-only component evaluation.
|
|
20
|
+
|
|
21
|
+
## Options
|
|
22
|
+
- --max-lines <n> line threshold for god component alert (default: 400)
|
|
23
|
+
- --json output metrics as JSON
|
|
24
|
+
|
|
25
|
+
Follow this workflow whenever asked to modernize, standardize, or audit Vue components in this repository.
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Discover repeated color literals, typography, spacing, and shadows into design token candidates.
|
|
3
|
+
globs: **/*.vue, **/*.ts, **/*.js, **/*.scss, **/*.css
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# design-token-discover
|
|
7
|
+
|
|
8
|
+
# /design-token-discover
|
|
9
|
+
|
|
10
|
+
Mine CSS/SCSS and templates for repeated styling values to form design tokens.
|
|
11
|
+
|
|
12
|
+
## Workflow
|
|
13
|
+
1. Extract all color hex/rgb/hsl values, spacing dimensions, border radii, and font sizes.
|
|
14
|
+
2. Cluster identical and near-identical values.
|
|
15
|
+
3. Suggest semantic token names (--color-primary, --spacing-md, etc.).
|
|
16
|
+
4. Generate candidate token definitions (CSS custom properties, Tailwind theme, or SCSS variables).
|
|
17
|
+
|
|
18
|
+
## Guardrail
|
|
19
|
+
Do not automatically rewrite styles without approval.
|
|
20
|
+
|
|
21
|
+
## Options
|
|
22
|
+
- --min-occurrences <n> minimum occurrences to qualify as token (default: 3)
|
|
23
|
+
- --output <file> output file for candidate tokens
|
|
24
|
+
|
|
25
|
+
Follow this workflow whenever asked to modernize, standardize, or audit Vue components in this repository.
|