velt-js/agent-skills

velt-suggestions-best-practices

Velt Suggestions implementation patterns and best practices for React, Next.js, and web applications. Use when adding suggestion mode (propose-then-review workflow), AI agent suggestion comments, accept/reject flows, suggestion targets on form inputs or custom components, suggestion status lifecycle (pending/accepted/rejected/stale), drift detection, or querying suggestions programmatically. Triggers on any task involving Velt suggestions, suggestion mode, data-velt-suggestion-target, Suggestio…

First seen Jun 9, 2026

Installation

$ npx skills add velt-js/agent-skills --skill velt-suggestions-best-practices

Summary

  • Velt Suggestions implementation patterns and best practices for React, Next.js, and web applications.
  • Use when adding suggestion mode (propose-then-review workflow), AI agent suggestion comments, accept/reject flows, suggestion targets on form inputs or custom components, suggestion status lifecycle (pending/accepted/rejected/stale), drift detection, or querying suggestions programmatically.
  • Triggers on any task involving Velt suggestions, suggestion mode, data-velt-suggestion-target, SuggestionElement, useSuggestionUtils, enableSuggestionMode, commitSuggestion, suggestionAccepted, suggestionRejected, or building a propose-and-review editing workflow — even if the user doesn't explicitly say 'suggestions'.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from velt-js/agent-skills · top by installs.

npx skills add velt-js/agent-skills

Browse all from velt-js/agent-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 1
License MIT
Default branch main
Open issues 7
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version1.0.0
LicenseMIT
More metadata
author
velt
version
1.0.0

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,296 B
  • docs SUMMARY.md 756 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 7 installs

SKILL.md

Velt Suggestions Best Practices

Comprehensive guide for implementing Velt's Suggestions API — a propose-then-review editing workflow where edits (from humans or AI agents) are captured as proposals that reviewers accept or reject. Contains 14 rules across 6 categories.

When to Apply

Reference these guidelines when:

  • Adding suggestion mode to form inputs, tables, or custom components
  • Implementing an AI-proposes / human-reviews workflow
  • Wiring data-velt-suggestion-target attributes to DOM elements
  • Handling accept/reject events and applying accepted changes
  • Querying suggestions by target or status for custom UI
  • Understanding suggestion lifecycle states (pending → accepted/rejected/stale)

Rule Categories by Priority

Priority Category Impact Prefix
1 Core CRITICAL core-
2 Targets CRITICAL targets-
3 Mode HIGH mode-
4 Capture HIGH capture-
5 Lifecycle HIGH lifecycle-
6 Data MEDIUM data-

Prerequisites

Suggestions require Velt Comments to be set up — the accept/reject UI renders on the Velt comment dialog. Ensure VeltProvider is configured with authProvider and Comments are working before adding Suggestions.

Compiled Documents

  • AGENTS.md — Compressed index of all rules with file paths (start here)
  • AGENTS.full.md — Full verbose guide with all rules expanded inline