Learn-skills.dev nebula-component-validation

Validate

install
source · Clone the upstream repo
git clone https://github.com/NeverSight/learn-skills.dev
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/NeverSight/learn-skills.dev "$T" && mkdir -p ~/.claude/skills && cp -r "$T/data/skills-md/acquia/nebula/nebula-component-validation" ~/.claude/skills/neversight-learn-skills-dev-nebula-component-validation && rm -rf "$T"
manifest: data/skills-md/acquia/nebula/nebula-component-validation/SKILL.md
source content

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.