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.zipInstalls 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.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
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.
- 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.
- 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-repldirective 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. - 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
RAZORlanguage specified in the opening code fence, like this: ````RAZOR. - 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 Alsoheading.
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
OnComponentEventwith the actual event name. - Replace all occurrences of
TelerikComponentwith the actual component name in the code snippets. - Replace all occurrences of
OnComponentEventHandlerwith the actual event handler method name. Use a consistent naming convention for all event handler method names. For example, if the component isTelerikGridand the event isOnCreate, the event handler method name should beOnGridCreate. - Replace all occurrences of
ComponentEventNameArgswith 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.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| component-events-page (this skill) | 0 | 1mo | No flags | Beginner |
| api-docs | 1 | 1mo | No flags | Intermediate |
| microsoft-docs | 10 | 5mo | Review | Beginner |
| microsoft-code-reference | 7 | 5mo | Review | Beginner |
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.
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.
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.
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.
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.
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/.