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

bklog-components

Document and map reusable UI components across bklog projects.

88|138|Updated Oct 26, 2023
Search Tags:#ui#documentation#frontend#components#mapping#registration#bklog
One-click install
npx skills add https://github.com/TencentBlueKing/bk-monitor --skill bklog-components
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bklog-components
Source: https://github.com/TencentBlueKing/bk-monitor/tree/main/bklog/web/.ai-shared/skills/bklog-components
Command: npx skills add https://github.com/TencentBlueKing/bk-monitor --skill bklog-components

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill documents and maps the Components catalog across bklog projects.

Core Features & Use Cases

  • Component discovery: Locate and understand where components live in src/components and how they are registered globally.
  • Boundary clarity: Clarify which components are reusable, which are app-shell globals, and how registration in src/main.js works.
  • Use Case: A reviewer can quickly identify a shared button component and its registration path to update styling or behavior.

Quick Start

Use the bklog-components skill to review the Components map and identify the location and registration path for a reusable button.

Frequently Asked Questions about bklog-components

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

FAQPage Schema
How do I locate reusable UI components in the bklog frontend project?▼

To locate reusable UI components in bklog, review the components map documenting the src/components directory. This identifies where shared components live and traces their global registration paths within the frontend project structure.

What is the registration flow for app-shell globals in bklog src/main.js?▼

The registration flow for app-shell globals in bklog involves mapping components to src/main.js. This skill clarifies which UI components are registered globally as app-shell globals and documents their boundaries for frontend reuse.

How do I update the styling or behavior of a shared button component across bklog projects?▼

To update a shared button component across bklog projects, identify its location and registration path using the components map. You can then modify the reusable UI component directly in src/components and trace its global references.

Does the bklog-components skill require external dependencies to map the components catalog?▼

No, the bklog-components skill requires no external dependencies beyond the repository structure. It maps the components catalog by documenting the existing src/components directory and global registrations without external tools.

Can I use this skill to clarify component boundaries between reusable UI and app-shell globals?▼

Yes, you can use this skill to clarify component boundaries between reusable UI and app-shell globals. It documents which components are reusable and maps their global registration flows in src/main.js for product teams.

Related Skills

Explore More Software Engineering Skills→
RuzenieRuzenie
2

app-workspace-guide

Identify Node, Vite, Tailwind, and shadcn configurations and directory constraints.

Community
Basic
GoBeromsuGoBeromsu

verification-validator

Validate code changes with pytest, webpack, or Playwright tests based on change type.

Community
Intermediate
AZANIRAZANIR
2

qa-spec-writer

Transform requirements into technical specifications with Gherkin acceptance criteria.

Community
Intermediate
jlawsjlaws
2

cmd-frontend-frontend

Diagnose frontend project setups for UI components across React, Next.js, and Svelte.

Community
Intermediate