组件故事生成技能Skill generate-component-story

这个技能用于创建UI组件的故事示例,帮助开发者在编写文档、创建示例或演示组件用法时提供结构化指导,提升前端开发效率和组件可维护性。关键词:组件故事、前端开发、UI组件、故事示例、文档生成、代码示例。

前端开发 0 次安装 0 次浏览 更新于 3/23/2026

名称:生成组件故事 描述:创建组件的故事示例。在编写故事、创建示例或演示组件用法时使用。

指令

当创建组件故事时:

  1. 遵循现有模式:基于在 crates/story/src/stories 中找到的样式(例如:tabs_story.rsgroup_box_story.rs 等)来编写故事
  2. 使用部分:使用 section! 调用组织故事的每个主要部分
  3. 全面覆盖:包括组件的所有选项、变体和使用示例

示例

一个典型的故事结构包括:

  • 基本用法示例
  • 不同的变体和状态
  • 交互式示例
  • 边缘情况和错误状态