Agent Skills
› NeverSight/learn-skills.dev
› nebula-component-validation
nebula-component-validation
GitHub在组件创建或修改后、上传至 Canvas 前进行代码验证。执行 npm run code:fix 以自动修复格式和 ESLint 问题，确保符合 Drupal Canvas 要求。若仍有错误需手动处理并重跑直至通过。
Trigger Scenarios
完成新组件开发后
修改现有组件代码后
Install
npx skills add NeverSight/learn-skills.dev --skill nebula-component-validation -g -y
SKILL.md
Frontmatter
{
"name": "nebula-component-validation",
"description": "Validate components before uploading to Canvas. Use after creating or modifying components, before considering work complete. Runs `npm run code:fix` for Prettier, ESLint, and Canvas requirements."
}
Validate
Before running validation, confirm every new component has a matching
src/stories/<component-name>.stories.jsx file (see
nebula-storybook-stories).
After creating or modifying components, always validate your code by running the
code:fix script. Make sure to use the right package manager. For example, if
using npm, run the following command:
npm run code:fix
This runs Prettier and ESLint with auto-fix, ensuring:
- Consistent formatting
- Common issue detection
- Drupal Canvas Code Component requirements
If errors remain after auto-fix, address them manually and re-run until passing.
Version History
- e0220ca Current 2026-07-05 23:01
