Add examples generator SKILL#568
Merged
Merged
Conversation
lukasmatta
added
documentation
Coverage report for library
Test suite run success663 tests passing in 26 suites. Report generated by 🧪jest coverage report action from 3e696e4 |
Playwright test results
Details
|
lukasmatta
changed the title
lukasmatta
requested review from
TerranceKhumalo-absa,
fateeand and
korel-san
as code owners
Contributor
There was a problem hiding this comment.
Pull request overview
This PR introduces a draft GitHub skill for generating *-page.examples.ts files and wiring CodeExampleComponent into composition pages, and it applies that wiring to the checkbox composition page as a verification run.
Changes:
- Added
checkbox-page.examples.tsand exposed it viaexamplesonCheckboxPageComponent. - Wrapped checkbox page previews in
<app-code-example>and bound HTML/TS code strings for the tabs. - Added a new skill definition at
.github/skills/code-examples-generator/SKILL.mddescribing the intended generation workflow.
Reviewed changes
Copilot reviewed 4 out of 4 changed files in this pull request and generated 4 comments.
| File | Description |
|---|---|
| projects/composition/src/app/pages/checkbox-page/checkbox-page.examples.ts | Introduces the checkbox examples map consumed by CodeExampleComponent (HTML + optional TS snippets). |
| projects/composition/src/app/pages/checkbox-page/checkbox-page.component.ts | Imports CodeExampleComponent and the examples map, exposing readonly examples for the template bindings. |
| projects/composition/src/app/pages/checkbox-page/checkbox-page.component.html | Wraps existing previews in <app-code-example> blocks and wires [htmlCode] / [tsCode]. |
| .github/skills/code-examples-generator/SKILL.md | Adds the “code-examples-generator” skill draft documentation and usage rules. |
lukasmatta
changed the title
korel-san
approved these changes
May 13, 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.
Adds an AI skill that handles the repetitive work of wiring up code examples in the composition app. Given a component page, it generates the
.examples.tsfile, addsCodeExampleComponentto the component imports, and wraps the existing HTML previews in<app-code-example>.Verified the skill by running it on the checkbox page.
Usage:
Just ask the AI something like:
"Generate code examples for the cps-checkbox component"The skill picks up on such a phrase automatically and handles all three steps.
Closes #567
Closes #608