skills.rest
TencentBlueKing
TencentBlueKingOFFICIAL
Explore all skills by this author →
WebsiteGitHub

chat-x-contribute

Onboard developers to contribute to the @blueking/chat-x Vue 3 component library.

839|261|Updated Apr 18, 2019
Search Tags:#typescript#development#onboarding#best-practices#vue3#component-library#chat-x
One-click install
npx skills add https://github.com/TencentBlueKing/bk-bcs --skill chat-x-contribute
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chat-x-contribute
Source: https://github.com/TencentBlueKing/bk-bcs/tree/main/bcs-services/bcs-project-manager/.cursor/skills/chat-x-contribute
Command: npx skills add https://github.com/TencentBlueKing/bk-bcs --skill chat-x-contribute

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

提供开发者上手 @blueking/chat-x 组件库开发的清晰指南，帮助用户快速了解 chat-x、并能够开发新组件。

Core Features & Use Cases

  • 开发环境与项目结构：给出技术栈、依赖、以及项目结构的概览，便于快速进入代码编写。
  • 组件开发流程：从创建新组件、导出入口、遵循命名与测试约定的完整工作流。
  • 最佳实践与资源：提供推荐实践、风格指南和可用资源入口，提升开发效率。

Quick Start

阅读并遵循本 Skill 的指南，按项目结构搭建并开始开发一个新的 chat-x 组件。

Frequently Asked Questions about chat-x-contribute

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I start developing a new component for the chat-x library?▼

To develop a new chat-x component, follow the complete workflow from creating the component file and export entry to adhering to naming and testing conventions within the Vue 3 and TypeScript project structure.

What is the project structure of the chat-x component library?▼

The chat-x project structure overview includes the technical stack, dependencies, and directory layout, providing developers with a clear map to quickly navigate and begin writing code.

Do I need TypeScript and Vue 3 to contribute to the chat-x component library?▼

Yes, contributing to the chat-x component library requires using a Vue 3 and TypeScript technical stack, ensuring all new components and documentation align with these foundational dependencies.

What coding conventions and best practices should I follow for chat-x component development?▼

Chat-x component development best practices include following specific naming conventions, testing requirements, and style guidelines to maintain code quality and consistency across the library.

How do I set up my development environment for the chat-x onboarding process?▼

Setting up the development environment for chat-x onboarding involves configuring the Vue 3 and TypeScript stack and installing project dependencies to prepare for immediate component creation.

Related Skills

Explore More Software Engineering Skills→
forranyforrany

bk-chat-x

Render AI chat interfaces with Vue components for input, messages, and shortcuts.

Community
Intermediate
tiantangcao1980-webtiantangcao1980-web
4

tdesign-chat

Render the tdesign-vue-next chat component with streaming, markdown, and tool-call features.

Community
Intermediate
lzx0122lzx0122

vue-development

Plan Vue 3 component architecture with TypeScript-first patterns and defineModel.

Community
Intermediate
partme-aipartme-ai
610

layui-vue3

Guide Layui Vue component usage in Vue 3 projects.

Official
Intermediate