balise-affinity-mcp
Automate Affinity by Canva through the Affinity MCP and JavaScript SDK for manipulating open documents, selected objects,…
Stress-tests UI content resilience across design files, screenshots, prototypes, source code, and rendered interfaces. Use when auditing, generating, repairing, or regression-testing difficult but realistic content and data cases involving length, missing values, numeric
$ npx -y skills add mrstev3n/balise-skills --skill balise-content-test --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/balise-content-testContext preview
The summary Claude sees to decide when to auto-load this skill.
Stress-tests UI content resilience across design files, screenshots, prototypes, source code, and rendered interfaces. Use when auditing, generating, repairing, or regression-testing difficult but realistic content and data cases involving length, missing values, numeric
name: balise-content-test description: Stress-tests UI content resilience across design files, screenshots, prototypes, source code, and rendered interfaces. Use when auditing, generating, repairing, or regression-testing difficult but realistic content and data cases involving length, missing values, numeric extremes, localization, RTL, Unicode, font fallback, text enlargement, variable media, narrow layouts, wrapping, truncation, disclosure, or content-driven component behavior. Preserves source artifacts and product meaning, distinguishes static evidence from runtime proof, and can produce content resilience contracts for design and engineering handoff.
Test how an interface behaves when ideal placeholder content is replaced by difficult but plausible content and data. Start from a risk, isolate important variables, observe the effect, repair only when authorized, and re-test with evidence appropriate to the artifact.
Treat content as any variable data rendered by the interface: text, names, identifiers, numbers, dates, currencies, units, status values, missing or partial values, user-generated input, localized strings, and externally supplied media.
Read only the references needed for the request:
When the user requests a saved report, use [content-resilience-report-template.md](assets/content-resilience-report-template.md). Do not create a report file when a concise conversational result is sufficient.
Infer the requested mode:
Default to Audit when edit intent is unclear. Testing may produce temporary local artifacts only when they are necessary, safely scoped, and within the request.
Classify what is actually available:
| Surface | Inspect | Valid conclusions | | --- | --- | --- | | Static design or screenshot | geometry, hierarchy, visible states, annotations | visible failure or design-level risk | | Editable design | components, properties, variables, Auto Layout, test copies | static behavior and intended interaction | | Source code | layout rules, formatter use, semantics, fixtures, breakpoints | implementation structure and likely behavior | | Rendered interface | actual content, viewports, zoom, focus, hover, keyboard, disclosure | observed runtime behavior in tested conditions | | Specialist evaluation | assistive technology, translation, legal or domain review | only the specialist’s verified scope |
Use the highest evidence level safely available and relevant to the request. Do not require a live application when the user only wants a design audit.
Determine:
1. the primary user task and decision points; 2. variable content roles and their provenance; 3. known device sizes, breakpoints, locales, direction, currencies, date formats, and text-size expectations; 4. component, design-system, localization, and data conventions; 5. confirmed bounds and valid missing, loading, error, or redacted states; 6. the artifacts and tools available for verification; 7. unknowns that must remain assumptions or questions.
Inspect visible or repository evidence before asking. Ask one concise question only when the answer would materially change scope, validity, or safety.
For each meaningful risk, define:
> Given [source or condition], [element] may [observable failure], affecting [task or information]. The test passes if [observable result].
Do not generate cases without a reason. A long string is a condition, not a finding.
Before introducing stress:
Des skills portables pour Claude Code, Codex, Cursor, le Figma Agent, Figma Make et les autres outils compatibles avec le standard Agent Skills. Installez un skill précis ou une collection prête à l’emploi. Chaque skill utilise SKILL.md comme format canonique.
Automate Affinity by Canva through the Affinity MCP and JavaScript SDK for manipulating open documents, selected objects,…
Understand, audit, and reason about Affinity by Canva documents, workflows, object choices, text modes, UI overlays,…
Structurer une idée de marque encore floue et produire une exploration argumentée du nom et du territoire de marque. Utiliser…
Architecturer, auditer, construire, intégrer et faire évoluer un design system robuste de Figma au code. Utiliser pour cadrer un…
Audits and prepares designs, specifications, prototypes, design-system artifacts, and implemented interfaces for developer…
Discover opportunities and move ideas toward evidence-based action from domains, raw corpus, problems, ideas, or ongoing…