Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>ConceptorNew to Visual Studio Code? Get it now.
Conceptor

Conceptor

guitoof

|
97 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Conceptor

Conceptor is a visualizing tool to help you apprehend technical design in you software development process. It implements the concept of CRC Cards and mainly focuses on helping you highlight the concepts of components "responsibilities" and "collaboration" between them.

Prerequisites

Supported project languages:

  • Javascript
  • Typescript

Usage

1. 📝 Document your components

Use jsdoc to add the following header to your files:

/**
 * @name MyComponent
 * @responsibility This component handles on thing
 * @responsibility This component also handles this other thing
 **/

Note that the @name tag is optional. If not provided, the component name will be infered from the filename.

2. ▶️ Run the "Conceptor"

  • 💻 Open the Command Palette: Shift+CMD+P
  • ⌨️ Type: Conceptor
  • ☕️ Wait for it...
  • 🎉Enjoy Technical Design 😁

Demo

Release Notes


Issues ?

Should you encounter any issue or require some new feature, feel free to post an issue here, we'll be happy to take a look at it 😉.

🙌 Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft