feat: add Claude Code skill for retro style workflow#1
Open
luogao wants to merge 2 commits into
Open
Conversation
Project-level Claude Code skill that operationalizes the "Using With AI Coding Agents" workflow from the README. The /retro-design command lists all 53 styles, recommends candidates from a natural-language vibe, loads the chosen style's tokens and component patterns, and generates new HTML/CSS in that visual language. - SKILL.md: 4-step workflow + era/aesthetic selection cheatsheet - references/styles-index.md: compact 53-row catalog (auto-generated) - scripts/build-index.mjs: regenerates the index from manifest.json, resolves repo root via import.meta.url (portable, no hardcoded paths) SKILL.md resolves the catalog root at load time via `git rev-parse --show-toplevel`, so the repo can be cloned anywhere. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Adds a "Claude Code users" subsection under "Using With AI Coding Agents" pointing at the bundled .claude/skills/retro-design/ skill with example /retro-design invocations. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
Analysis CompleteGenerated ECC bundle from 2 commits | Confidence: 50% View Pull Request #2Repository Profile
Changed Files (5)
Top hotspots
Top directories
Analysis Depth Readiness (commit-history, 21%)ECC Tools uses this to decide whether recommendations should stay at commit-history/setup guidance or expand into CI, security, harness, reference-set, AI-routing, and team backlog work.
Reference Set Readiness (1/7, 14%)
Likely Future Issues (2)
Suggested Follow-up Work (2)
Copy-ready bodies analysis: add reference-set evidence for .claude/skills/retro-design/SKILL.md + .claude/skills/retro-design/references/styles-index.md ## Summary
- Add reference-set or eval evidence for the recently changed AI, analyzer, skill, agent, command, or harness guidance surface.
## Why
- Backfill eval, golden trace, benchmark, or reference-set evidence before another AI or harness-analysis change lands on the touched surface.
## Touched paths
- `.claude/skills/retro-design/SKILL.md`
- `.claude/skills/retro-design/references/styles-index.md`
## Validation
- Add or update an eval, golden trace, benchmark, fixture, or reference-set artifact for the changed AI/harness behavior.
- Compare the changed behavior against the maintained reference set and record the pass/fail evidence.
- Confirm the follow-up evidence covers the same analyzer, skill, agent, command, or harness surface touched by this PR.harness: add config quality evidence for .claude/skills/retro-design/SKILL.md + .claude/skills/retro-design/references/styles-index.md ## Summary
- Add harness compatibility evidence for the recently changed config surface.
## Why
- Backfill harness audit, adapter matrix, or cross-harness compatibility evidence before another config change lands on the touched surface.
## Touched paths
- `.claude/skills/retro-design/SKILL.md`
- `.claude/skills/retro-design/references/styles-index.md`
## Validation
- Run or update the harness audit, adapter compliance matrix, or cross-harness compatibility check for the changed config.
- Add or update a regression, fixture, or doc evidence path that covers the affected harness, MCP, plugin, or agent loading behavior.Generated Instincts (15)
After merging, import with: Files
|
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.
Summary
Operationalizes the "Using With AI Coding Agents" workflow already documented in the README. Instead of pointing an agent at a style folder by hand and pasting the prompt template, Claude Code users get a
/retro-designcommand that:Files
.claude/skills/retro-design/SKILL.md— entry point, 4-step workflow, era/aesthetic selection cheatsheet.claude/skills/retro-design/references/styles-index.md— compact 53-row catalog (auto-generated).claude/skills/retro-design/scripts/build-index.mjs— regenerates the index frommanifest.jsonThe skill resolves the repo root at load time via
git rev-parse --show-toplevel, so it's portable — no hardcoded paths.README change
Adds a short "Claude Code users" subsection under "Using With AI Coding Agents" pointing at the skill with example
/retro-designinvocations.Maintenance
.gitignoreexcludes.claude/settings.local.json(per-developer Claude Code permissions, not for sharing).node .claude/skills/retro-design/scripts/build-index.mjsto refresh the index. Same pattern as existingscripts/build-manifest.mjsandscripts/build-tokens.mjs.Test plan
/retro-design list, confirm 53 rows render./retro-design 80s green terminal, confirm 3 recommendations from the terminal/CRT cluster (09-crt-phosphor,27-ibm-3270,32-matrix-rain)./retro-design 09-crt-phosphor, confirm the skill loadsstyles/09-crt-phosphor/index.htmland generates a styled component on request.build-index.mjs, no diff instyles-index.md.node .claude/skills/retro-design/scripts/build-index.mjsfrom repo root, confirm it writes 53 rows without errors.🤖 Generated with Claude Code