CO

component-events-page

Provides guidelines for documenting component events, including sections for intro, event details, and runnable examples.

Install

mkdir -p .claude/skills/component-events-page && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/10650" && unzip -o skill.zip -d .claude/skills/component-events-page && rm skill.zip

Installs to .claude/skills/component-events-page

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

This skill describes the structure and language of the component Events pages in the Telerik UI for Blazor documentation. Use this skill when generating or updating the main events.md file for a Telerik Blazor component.
220 chars✓ has a “when” trigger
Beginner

Key capabilities

  • Structure component events pages
  • Standardize event documentation
  • Create runnable usage examples
  • Link to related resources

How it works

Enforces a specific section structure and language for component events documentation in Telerik UI for Blazor.

Inputs & outputs

You give it
Component event details
You get back
Standardized events.md file

When to use component-events-page

  • Documenting new Blazor events
  • Updating component event docs
  • Standardizing event documentation
  • Creating event usage examples

About this skill

Component Events Page

When to use this skill

Use this skill to create or modify the events.md file of a Telerik Blazor component documentation.

Component Events Page Structure

The Component Events article consists of the following content sections. Use the notes about each section as guidance on the expected content.

  1. Introduction. This is the text that follows the main page title and explains the article purpose. The Events page introduction also lists all the available component events as a bullet list with links to the corresponding sections in the article. The events in the bullet list must be sorted alphabetically.
  2. Event Sections. Each event has its own section with a heading that is the event name. The section describes when the event fires and what is the type of the event handler argument. It also includes a simple non-runnable code snippet showing how to handle the event in a Blazor application. Non-runnable code snippets should have the skip-repl directive in the opening code fence, like this: ````RAZOR.skip-repl. The event handler implementation in the code snippet can be empty, or show how to use properties of the event handler argument.
  3. Example. This section includes a complete runnable code snippet that demonstrates the usage of all component events in a Blazor application. The code snippet should have the RAZOR language specified in the opening code fence, like this: ````RAZOR.
  4. See Also. Add a list of related resources like online demos on demos.telerik.com, the API reference, or important KB articles. Use a ## See Also heading.

Event Handler Execution Order

If a user action causes multiple events to fire, mention the execution order of the events in the corresponding event sections. For example, if a user action causes both OnEvent1 and OnEvent2 to fire, and OnEvent1 always fires before OnEvent2, mention this in the sections of both events.

Component Events Page Template

The overall events.md file structure should follow the Events Page Template. In that template file:

  • Replace all occurrences of "Component Name", "component-name", and "componentname" with the actual component name in the corresponding letter casing and format.
  • Replace all occurrences of "Event 1", "Event 2", and "Event 3" with the actual event names of the component. If there are more than 3 events, add more sections for the additional events. If there are less than 3 events, remove the extra sections.
  • Replace all occurrences of OnComponentEvent with the actual event name.
  • Replace all occurrences of TelerikComponent with the actual component name in the code snippets.
  • Replace all occurrences of OnComponentEventHandler with the actual event handler method name. Use a consistent naming convention for all event handler method names. For example, if the component is TelerikGrid and the event is OnCreate, the event handler method name should be OnGridCreate.
  • Replace all occurrences of ComponentEventNameArgs with the actual event argument class name.

Linking to Other Documentation Articles

Every link to another page in the same documentation site should point to the slug value from the meta data at the top of the other page's .md file. For example, if article A links to article B that has a slug of article-b-slug, the link should be link to Article B.

Link to other documentation articles whenever you mention a component or a feature that has its own documentation page.

When not to use it

  • Documenting non-Telerik components
  • Creating non-event documentation

Limitations

  • Requires specific section order
  • Non-runnable snippets must use skip-repl

How it compares

Mandates a consistent template and structure for all component events rather than free-form writing.

Compared to similar skills

component-events-page side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
component-events-page (this skill)01moNo flagsBeginner
api-docs11moNo flagsIntermediate
microsoft-docs105moReviewBeginner
microsoft-code-reference75moReviewBeginner

Try saying

Example prompts that trigger this skill in your AI assistant.

You might also like

api-docs

mono

Write and review XML API documentation for SkiaSharp following .NET guidelines. Triggers: "document class", "add XML docs", "write XML documentation", "add triple-slash comments", "review documentation quality", "check docs for errors", "fix doc issues", "fill in missing docs", "remove To be added placeholders", API documentation requests.

110

microsoft-docs

github

Query official Microsoft documentation to understand concepts, find tutorials, and learn how services work. Use for Azure, .NET, Microsoft 365, Windows, Power Platform, and all Microsoft technologies. Get accurate, current information from learn.microsoft.com and other official Microsoft websites—architecture overviews, quickstarts, configuration guides, limits, and best practices.

1059

microsoft-code-reference

github

Look up Microsoft API references, find working code samples, and verify SDK code is correct. Use when working with Azure SDKs, .NET libraries, or Microsoft APIs—to find the right method, check parameters, get working examples, or troubleshoot errors. Catches hallucinated methods, wrong signatures, and deprecated patterns by querying official docs.

747

microsoft-skill-creator

MicrosoftDocs

Create agent skills for Microsoft technologies using Learn MCP tools. Use when users want to create a skill that teaches agents about any Microsoft technology, library, framework, or service (Azure, .NET, M365, VS Code, Bicep, etc.). Investigates topics deeply, then generates a hybrid skill storing essential knowledge locally while enabling dynamic deeper investigation.

626

fumadocs-component-docs

TheOrcDev

Create component documentation with installation, usage examples, and preview sections. Apply when documenting 8-bit components with proper structure and examples.

424

fumadocs-mdx-structure

TheOrcDev

Create MDX documentation files with proper frontmatter, imports, and component integration. Apply when creating or updating Fumadocs documentation pages in content/docs/.

216

Search skills

Search the agent skills registry