Stats
Actions
Tags
From sc-js
Réceptacle du pivot design pour JavaScript/TypeScript. Reçoit le spec du contrat de pivot (plugins/design/references/sc-pivot-contract.md) émis par design:enforce ou design:diffuse, et réalise nativement : (1) enforce → règle ESLint ou script Node.js validant les classes et tokens CSS, dérivant strictement du spec + wiring pre-commit ; (2) diffuse → élément neutre rendu en composant Vue 3 SFC ou React idiomatique. Jamais invoqué directement — uniquement appelé via le pivot de design:enforce/04-pivot ou design:diffuse/03-pivot.
How this skill is triggered — by the user, by Claude, or both
Slash command
/sc-js:design-bridgeThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Réceptacle côté JS/TS du pivot technique design. Le **design garde le QUOI** (contrat = tokens + manifeste = autorité) ; **sc-js:design-bridge fait le COMMENT** (réalisation native idiomatique JS/TS).
Réceptacle côté JS/TS du pivot technique design. Le design garde le QUOI (contrat = tokens + manifeste = autorité) ; sc-js:design-bridge fait le COMMENT (réalisation native idiomatique JS/TS).
Le spec de pivot (enforcement ou rendu) doit être présent en contexte, émis par :
design:enforce/04-pivot → spec d'enforcementdesign:diffuse/03-pivot → spec de renduLire plugins/design/references/sc-pivot-contract.md pour le format attendu du spec.
| # | Action | Déclencheur | Input |
|---|---|---|---|
| 01 | 01-realize-lint | Spec d'enforcement reçu de enforce/04-pivot | Valid class sets + token paths + targets |
| 02 | 02-render | Spec de rendu reçu de diffuse/03-pivot | Composant neutre + variantes + stack JS |
Avant d'agir, identifier le framework du projet pour adapter le rendu de 02-render :
nuxt.config.* ou vue dans package.json → Vue 3 / Nuxtreact ou next dans package.json → React / Next.jsPour 01-realize-lint, le framework importe moins : la règle ESLint/Biome s'applique à tous.
Le linter et le rendu dérivent du spec reçu — ils n'inventent pas de règles ni de classes. Toute classe dans un composant rendu doit être dans le spec's valid class sets. Toute règle de lint doit correspondre à un token path ou une classe du spec.
Après exécution, renvoyer au contexte appelant (enforce ou diffuse) :
01-realize-lint : confirmation règle ESLint installée + wiring pre-commit réalisé02-render : fichier(s) composant produit(s) + instructions d'import + confirmation gate enforce exit 0plugins/design/references/sc-pivot-contract.md — format des specs reçusplugins/design/references/token-schema.md — structure tokens.jsonplugins/design/skills/adjust/references/manifest-schema.md — structure components.jsonskills/sniff/references/)npx claudepluginhub rebellioussmile/my-claude-marketplace --plugin sc-jsProvides behavioral guidelines to reduce common LLM coding mistakes, focusing on simplicity, surgical changes, assumption surfacing, and verifiable success criteria.
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.