CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

add-effect

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, formatting, and builds.

Quality

80%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./.agents/skills/add-effect/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

78%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The content is a highly actionable, well-sequenced workflow: exact commands, paths, naming conventions, and a justified code template cover the common cases, with validation checkpoints and a pitfalls checklist. Its weaknesses are token efficiency and progressive disclosure — the large inline WebGL2 boilerplate template both pads the file and belongs in a separate reference file. Adding an explicit error-recovery step would round out the workflow.

Suggestions

Move the full WebGL2 boilerplate template (vertex/fragment shaders, state type, setup/apply/cleanup) into a references/ file such as references/webgl2-effect-template.ts, keeping a short skeleton plus a one-level-deep pointer in SKILL.md.

Trim the generic parts of the inline example (standard vertex shader, MyEffectState type) by pointing to halftone.ts or blur/blur-runtime.ts as the canonical pattern instead of reproducing them.

Add an explicit error-recovery step after builds and tests, e.g. "If bun test or bun run build fails, fix the errors and re-run before proceeding to docs and demos."

DimensionReasoningScore

Conciseness

The body assumes Claude's competence (no explanations of WebGL or Remotion basics) and stays instructional throughout, but the ~130-line template inlines generic boilerplate (standard vertex shader, state types, shader plumbing) that duplicates existing files like "halftone.ts" and could be trimmed to a pointer; not 5 because that boilerplate does not earn its place, not 3 because there is no padding or teaching of known concepts.

4 / 5

Actionability

Guidance is fully executable: exact commands ("bun test src/test", "bunx remotion still src/remotion/entry.ts effects-my-effect-preview static/img/effects-my-effect-preview.png --overwrite --image-format=png", "bun render-cards.ts"), exact file paths and docs frontmatter fields, and a near copy-paste template; the single placeholder createMyEffectState() is explicitly justified by pointing to concrete existing runtime files, which the rubric guidelines permit.

5 / 5

Workflow Clarity

Ten numbered steps in correct dependency order with explicit validation checkpoints ("bun test src/test", "bun run build", "bun run formatting", "git diff --check") and a "Common pitfalls" checklist; not 5 because explicit error-recovery feedback loops (e.g. "if tests fail, fix and re-run") are missing, not 3 because checkpoints are explicit and appear at multiple stages.

4 / 5

Progressive Disclosure

Sections are well organized and every cross-reference (writing-docs, docs-demo, offload-r2 skills; existing effect files) is clearly signaled, but the ~130-line WebGL2 template is exactly the detailed material that belongs in a references/ file, and no bundle files exist so everything is inline in a ~350-line SKILL.md; not 4 because inlining that bulk is more than a minor organization gap, not 2 because nothing is buried and structure is good.

3 / 5

Total

16

/

20

Passed

Description

75%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is specific, comprehensive, and tightly scoped to the @remotion/effects package, giving it excellent distinctiveness and low conflict risk. Its main weakness is the complete absence of an explicit "Use when…" trigger clause and of natural synonyms a user might say, which limits completeness and trigger-term quality. Adding a trigger clause with varied phrasing would lift it to top marks.

Suggestions

Append an explicit trigger clause, e.g. "Use when adding a new effect, filter, or shader to @remotion/effects, or when asked to extend the Remotion effects package."

Include natural synonyms such as "filter", "shader", or "visual effect" alongside "effect" so the description matches varied user phrasing.

Optionally name the concrete starting point (e.g. "from implementing the WebGL2 effect to docs and preview assets") so the "what" reads even more concretely.

DimensionReasoningScore

Specificity

"implementation, package exports, docs, demos, preview images, Remotion skill updates, formatting, and builds" enumerates eight concrete deliverables covering the entire task pipeline, matching the comprehensive-coverage anchor; not 4, since there are no meaningful gaps in the action list.

5 / 5

Completeness

The "what" is clear ("Add a new effect to @remotion/effects, including implementation, package exports, docs…"), but there is no "Use when…" clause or equivalent explicit trigger guidance — the "when" is only weakly implied by the opening verb phrase, which caps completeness at 3 per the judging guidelines; not 4 because no explicit "when" is present at all.

3 / 5

Trigger Term Quality

"Add a new effect to @remotion/effects" mirrors the natural user phrasing and the package name is a strong, well-scoped trigger, but common variations like "filter", "shader", or "visual effect" are absent; not 3 because the primary natural phrase is fully present and specific.

4 / 5

Distinctiveness Conflict Risk

"Add a new effect to @remotion/effects" defines a clear niche scoped to one specific package, so it is unlikely to trigger for unrelated skills; not 4 because the package-scoped trigger is more distinct than a "minor overlap risk" case.

5 / 5

Total

17

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 1 suspicious

Warning

Total

15

/

16

Passed

Repository

remotion-dev/remotion

Path

.agents/skills/add-effect/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.