FCE-3561: Advertise the Fishjam Skill across the docs#274
Merged
Conversation
Promote the Fishjam Skill (`npx skills add software-mansion-labs/skills`) in three places, in both the Next and 0.28.0 doc versions: - New "Build with AI" article at /ai-skill covering what the skill spans, install, activation, and why it helps. - New SkillCallout component on the home page: on-brand banner with a copy-able install command and a link to the article. - New "Build with AI" navbar item. Navbar active-state is now path-based so Docs, API Reference, and Build with AI highlight mutually exclusively (Docs no longer lights up on the API Reference or AI pages).
Contributor
There was a problem hiding this comment.
Pull request overview
This PR promotes the Fishjam Skill across the Docusaurus docs (current and v0.28.0) by adding a homepage callout component, a new “Build with AI” navbar entry, and a new /ai-skill article, plus a navbar active-state adjustment.
Changes:
- Add a reusable
SkillCallouthomepage banner with copy-to-clipboard install command + link to the AI Skill article. - Add “Build with AI” navbar item and adjust navbar active-state matching.
- Add “Build Fishjam apps with AI” article to both current docs and v0.28.0 versioned docs.
Reviewed changes
Copilot reviewed 7 out of 7 changed files in this pull request and generated 6 comments.
Show a summary per file
| File | Description |
|---|---|
docs/index.mdx |
Inserts the new SkillCallout on the current docs homepage. |
docs/ai-skill.mdx |
Adds the current-version “Build Fishjam apps with AI” article. |
versioned_docs/version-0.28.0/index.mdx |
Inserts the new SkillCallout on the v0.28.0 docs homepage. |
versioned_docs/version-0.28.0/ai-skill.mdx |
Adds the v0.28.0 version of the “Build Fishjam apps with AI” article. |
src/components/SkillCallout/index.tsx |
Implements the callout UI + clipboard copy behavior. |
src/components/SkillCallout/index.module.css |
Styles the callout component. |
docusaurus.config.ts |
Adds navbar item(s) and custom activeBaseRegex logic. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Prettier flagged src/components/SkillCallout/index.tsx in CI; reformat it so format:check passes. Add a committed .githooks/pre-commit that mirrors the fast CI static checks (format:check, spellcheck, typecheck) and wire it up via core.hooksPath from scripts/prepare.sh for local dev only (skipped on CI). Build is left to CI since it recompiles submodules.
MiloszFilimowski
approved these changes
Jul 14, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Promotes the Fishjam Skill (
npx skills add software-mansion-labs/skills) in three places, applied to both the Next and the live0.28.0doc versions:SkillCalloutcomponent: an on-brand banner ("Your coding assistant, fluent in Fishjam") with a copy-able install command and a link to the article./ai-skill("Build Fishjam apps with AI") — what the skill covers, install, how it activates, and why it helps.Navbar active-state fix
Because the article lives in the main docs sidebar, the
type: doc"Docs" item was highlighting on it (and on the API Reference section). Switched the affected items to path-basedactiveBaseRegexso Docs, API Reference, and Build with AI now highlight mutually exclusively.Screenshots:
