TX Text Control Skills

About This Repository

This repository contains AI-ready skills for TX Text Control Document Editor workflows across multiple platforms.

The skills are split by responsibility:

• Platform setup skills (ASP.NET Core, Angular, React)
• Framework-agnostic JavaScript API feature skill

Each skill folder contains a SKILL.md manifest and optional references/*.md task files.

Included Skills

Setup Skills

• txtextcontrol-aspnetcore-document-editor
  • Use for ASP.NET Core MVC host setup, backend wiring, private NuGet feed usage, spell setup, and backstage integration.
• txtextcontrol-angular-document-editor
  • Use for creating and wiring a Document Editor host with Angular CLI 19.
• txtextcontrol-react-document-editor
  • Use for creating and wiring a Document Editor host in React.

Feature/API Skill

• txtextcontrol-document-editor-api
  • Use for framework-agnostic JavaScript API feature tasks: comments, application fields, editable regions, form fields, subtextparts, footnotes, headers/footers, images, tables, and track changes.

Getting Started

1. Copy the skill folders you need

Copy one or more skill folders from this repository into your own workspace.

2. Install in your editor skill location

Place the selected skill folders in one of your supported skill paths.

Example workspace layout:

your-workspace/
├── .github/skills/                    # or .claude/skills/ or .codestudio/skills/
│   ├── txtextcontrol-aspnetcore-document-editor/
│   │   ├── SKILL.md
│   │   └── references/
│   ├── txtextcontrol-angular-document-editor/
│   │   ├── SKILL.md
│   │   └── references/
│   ├── txtextcontrol-react-document-editor/
│   │   ├── SKILL.md
│   │   └── references/
│   └── txtextcontrol-document-editor-api/
│       ├── SKILL.md
│       └── references/
└── your-project-files...

3. Use the skills

Two common usage patterns:

1. Automatic loading

   • Describe your task naturally.
   • Example: "Create an ASP.NET Core MVC app with TX Text Control document editor."
   • Example: "Show how to add and manage comments with TX Text Control JavaScript API."

2. Slash command invocation

   • If your client supports slash-invoked skills, call the skill explicitly.
   • Example: /txtextcontrol-angular-document-editor create a new angular editor app
   • Example: /txtextcontrol-document-editor-api add and list footnotes

Which Skill Should I Use?

Task	Skill
Create/setup ASP.NET Core MVC host	txtextcontrol-aspnetcore-document-editor
Create/setup Angular host	txtextcontrol-angular-document-editor
Create/setup React host	txtextcontrol-react-document-editor
Implement editor features with JavaScript API	txtextcontrol-document-editor-api

How The Workflow Is Intended To Work

1. Start with a setup skill for your host platform.
2. Once the editor host is running, use txtextcontrol-document-editor-api for feature-level implementation.
3. Keep setup and feature tasks separated to avoid mixed guidance.

Notes

• Setup skills intentionally focus on host/bootstrap concerns.
• API feature tasks are intentionally framework-agnostic.
• Do not hardcode secrets or access tokens in shared code.

References

• TX Text Control Product Site: https://www.textcontrol.com/
• TX Text Control Blog: https://www.textcontrol.com/blog/
• Angular setup article (CLI 19): https://www.textcontrol.com/blog/2025/03/18/getting-started-document-editor-version-33-0-with-angular-cli-19-0/
• React setup article: https://www.textcontrol.com/blog/2024/02/29/using-the-tx-text-control-document-editor-in-a-react-application/