# AGENTS.md — Build guide for Napkin

## Project scope
Capture short ideas with a global shortcut, browse a loose visual graph and surface related cards for review. Keep source links and a portable Markdown/JSON export.

Catalogue verdict: yes. Napkin's solo core is compact: build a local-first idea collection app with fast capture, full-text search, backlinks, tags, and Markdown export. A competent builder can reach a useful personal version in one sitting, while the paid product mainly wins on polish, sync, importers.
Use the implementation prompt below to define the deliverable. Complete each phase's acceptance checks before extending the scope.

## Working agreement
- Inspect the repository and its existing instructions before choosing paths, dependencies or commands. Keep one coherent stack and explain changes to the proposed architecture.
- Plan a vertical slice that accepts a real input and produces the useful output described below. Persist only the state the prompt calls for; respect memory-only and upstream-managed workflows. Use fixtures only when they are clearly labelled.
- After scaffolding, document the actual install, development, check and build commands in README and keep them synchronized with the package or project manifest. Do not report commands as successful unless they ran.
- Work in small steps. At handoff, list implemented flows, checks actually performed, remaining blockers, and any credentials or provider setup the owner must supply.
- Do not publish, spend money, contact customers, delete source data or run irreversible migrations without the project owner's authorization.

## Prerequisites
- Node and the Rust toolchain, a supported desktop build environment and an explicitly selected data folder. Remote sync is outside the initial scope.
- Implementation components: Tauri, React and TypeScript for the desktop interface with a narrowly scoped Rust filesystem bridge. SQLite for structured state and search; user-owned files for original documents and attachments.
- Scope boundary: conflict-safe multi-device sync; mature importers and exporters

## Stack and architecture
- Tauri, React and TypeScript for the desktop interface with a narrowly scoped Rust filesystem bridge.
- SQLite for structured state and search; user-owned files for original documents and attachments.
- Domain model: idea cards, capture timestamps, tags, manually accepted links, optional embeddings and source references

## Security and data integrity
- Limit Tauri capabilities to selected folders and commands. Render imported content without executable HTML, and never expose arbitrary shell execution to the webview.
- Correctness boundary: Semantic similarity suggests an association but cannot create an authored link automatically; card IDs survive title changes.
- Save edits atomically with stable IDs and revision history. Detect external file changes and offer a conflict copy instead of last-write-wins data loss.
- Provide a portable folder export with a JSON manifest and original files. Restore to a separate folder; rebuild disposable indexes from sources.

## Agent implementation rules
- Project rule — data model: idea cards, capture timestamps, tags, manually accepted links, optional embeddings and source references
- Project rule — preserve this invariant: Semantic similarity suggests an association but cannot create an authored link automatically; card IDs survive title changes.
- Project rule — acceptance evidence: Accept one suggested link and reject another, then rebuild embeddings without changing those decisions; exporting/reimporting retains source URLs.

## Optional agent skills and references
- Optional external skill: [vercel-react-best-practices](https://github.com/vercel-labs/agent-skills/blob/main/skills/react-best-practices/SKILL.md) — Improve React and Next.js data fetching, rendering, bundle size and server performance. Review its instructions and compatibility before use; it does not grant deployment, data-access or publication permission.
- Optional external skill: [web-design-guidelines](https://github.com/vercel-labs/agent-skills/blob/main/skills/web-design-guidelines/SKILL.md) — Review web interfaces for accessibility, keyboard focus, forms, navigation and interaction quality. Review its instructions and compatibility before use; it does not grant deployment, data-access or publication permission.
- Optional external skill: [sharp-edges](https://github.com/trailofbits/skills/blob/main/plugins/sharp-edges/skills/sharp-edges/SKILL.md) — Review security-sensitive APIs and configuration for dangerous defaults and easy-to-misuse interfaces. Review its instructions and compatibility before use; it does not grant deployment, data-access or publication permission.

Read the linked SKILL.md and its dependencies before adding a skill. Select only the skills matching this project's runtime and task; their documentation does not supply API access, credentials or approval to perform external actions. Pin the reviewed revision where the tool supports it. Follow the chosen agent's documented project-level installation mechanism.

## Distribution ideas
These are optional planning notes. Obtain the owner's approval before publishing or contacting anyone.
- Demonstrate the actual Napkin-inspired workflow with owned or clearly labeled sample data: Capture short ideas with a global shortcut, browse a loose visual graph and surface related cards for review. Keep source links and a portable Markdown/JSON export.
- Publish a reproducible walkthrough with this observable result: Accept one suggested link and reject another, then rebuild embeddings without changing those decisions; exporting/reimporting retains source URLs.
- Explain who can operate this scoped tool, its setup and ongoing costs, and these remaining product gaps: conflict-safe multi-device sync; mature importers and exporters Avoid guaranteed savings, performance scores or implied endorsement.

## Engineering roadmap
1. Phase 1 — Scope and fixtures. Implement this bounded workflow: Capture short ideas with a global shortcut, browse a loose visual graph and surface related cards for review. Keep source links and a portable Markdown/JSON export. Record prerequisites, select representative user-owned fixtures and document the unsupported features: conflict-safe multi-device sync; mature importers and exporters
2. Phase 2 — Durable model. Model idea cards, capture timestamps, tags, manually accepted links, optional embeddings and source references Add migrations or a versioned document format, explicit validation, stable IDs and a visible import-error report. Preserve this rule: Semantic similarity suggests an association but cannot create an authored link automatically; card IDs survive title changes.
3. Phase 3 — Complete the first useful path. Implement the workflow's input, review and output interface, with clear controls and explicit empty/error states. Save edits atomically with stable IDs and revision history. Detect external file changes and offer a conflict copy instead of last-write-wins data loss.
4. Phase 4 — Permissions and integration failure. Limit Tauri capabilities to selected folders and commands. Render imported content without executable HTML, and never expose arbitrary shell execution to the webview. Request integration credentials and permissions only for the enabled feature; show a disconnected state instead of mock results.
5. Phase 5 — Portable handoff. Provide a portable folder export with a JSON manifest and original files. Restore to a separate folder; rebuild disposable indexes from sources. Include setup, operating limits, fixture walkthrough and shutdown/restart instructions in the README.
6. Phase 6 — Acceptance scenarios. Accept one suggested link and reject another, then rebuild embeddings without changing those decisions; exporting/reimporting retains source URLs. Repeat the workflow after restart and with a denied permission or unavailable dependency; show recoverable failure rather than a success placeholder.

## Paid-product capabilities outside this build
- conflict-safe multi-device sync
- mature importers and exporters
- collaborative editing and sharing
- native mobile clients

## Implementation prompt
WORKING SLICE
Capture short ideas with a global shortcut, browse a loose visual graph and surface related cards for review. Keep source links and a portable Markdown/JSON export.

Build this scoped Napkin-inspired workflow with a documented data model and visible failure states.

Architecture
- Tauri, React and TypeScript for the desktop interface with a narrowly scoped Rust filesystem bridge.
- SQLite for structured state and search; user-owned files for original documents and attachments.

Prerequisites and limits
Node and the Rust toolchain, a supported desktop build environment and an explicitly selected data folder. Remote sync is outside the initial scope.
Outside this release: conflict-safe multi-device sync; mature importers and exporters

Data model and correctness
idea cards, capture timestamps, tags, manually accepted links, optional embeddings and source references
Invariant: Semantic similarity suggests an association but cannot create an authored link automatically; card IDs survive title changes.
Save edits atomically with stable IDs and revision history. Detect external file changes and offer a conflict copy instead of last-write-wins data loss.

Security and privacy
Limit Tauri capabilities to selected folders and commands. Render imported content without executable HTML, and never expose arbitrary shell execution to the webview.

Recovery and export
Provide a portable folder export with a JSON manifest and original files. Restore to a separate folder; rebuild disposable indexes from sources.

Implementation order
1. Phase 1 — Scope and fixtures. Implement this bounded workflow: Capture short ideas with a global shortcut, browse a loose visual graph and surface related cards for review. Keep source links and a portable Markdown/JSON export. Record prerequisites, select representative user-owned fixtures and document the unsupported features: conflict-safe multi-device sync; mature importers and exporters
2. Phase 2 — Durable model. Model idea cards, capture timestamps, tags, manually accepted links, optional embeddings and source references Add migrations or a versioned document format, explicit validation, stable IDs and a visible import-error report. Preserve this rule: Semantic similarity suggests an association but cannot create an authored link automatically; card IDs survive title changes.
3. Phase 3 — Complete the first useful path. Implement the workflow's input, review and output interface, with clear controls and explicit empty/error states. Save edits atomically with stable IDs and revision history. Detect external file changes and offer a conflict copy instead of last-write-wins data loss.
4. Phase 4 — Permissions and integration failure. Limit Tauri capabilities to selected folders and commands. Render imported content without executable HTML, and never expose arbitrary shell execution to the webview. Request integration credentials and permissions only for the enabled feature; show a disconnected state instead of mock results.
5. Phase 5 — Portable handoff. Provide a portable folder export with a JSON manifest and original files. Restore to a separate folder; rebuild disposable indexes from sources. Include setup, operating limits, fixture walkthrough and shutdown/restart instructions in the README.
6. Phase 6 — Acceptance scenarios. Accept one suggested link and reject another, then rebuild embeddings without changing those decisions; exporting/reimporting retains source URLs. Repeat the workflow after restart and with a denied permission or unavailable dependency; show recoverable failure rather than a success placeholder.

Acceptance
Accept one suggested link and reject another, then rebuild embeddings without changing those decisions; exporting/reimporting retains source URLs.
Use real source data or clearly labeled fixtures. Explain unsupported input and provider failures; do not fabricate analytics, delivery receipts, accuracy claims or security guarantees.

Optional agent guidance
Optional external skill: [vercel-react-best-practices](https://github.com/vercel-labs/agent-skills/blob/main/skills/react-best-practices/SKILL.md) — Improve React and Next.js data fetching, rendering, bundle size and server performance. Review its instructions and compatibility before use; it does not grant deployment, data-access or publication permission.
Optional external skill: [web-design-guidelines](https://github.com/vercel-labs/agent-skills/blob/main/skills/web-design-guidelines/SKILL.md) — Review web interfaces for accessibility, keyboard focus, forms, navigation and interaction quality. Review its instructions and compatibility before use; it does not grant deployment, data-access or publication permission.
Optional external skill: [sharp-edges](https://github.com/trailofbits/skills/blob/main/plugins/sharp-edges/skills/sharp-edges/SKILL.md) — Review security-sensitive APIs and configuration for dangerous defaults and easy-to-misuse interfaces. Review its instructions and compatibility before use; it does not grant deployment, data-access or publication permission.
Project rule — data model: idea cards, capture timestamps, tags, manually accepted links, optional embeddings and source references
Project rule — preserve this invariant: Semantic similarity suggests an association but cannot create an authored link automatically; card IDs survive title changes.
Project rule — acceptance evidence: Accept one suggested link and reject another, then rebuild embeddings without changing those decisions; exporting/reimporting retains source URLs.

## Completion evidence
Demonstrate the prompt's acceptance scenarios against the scoped workflow. Include setup from a clean checkout and failure recovery. Check persistence across restart and export/restore only for the state the prompt says to store; for memory-only tools, confirm that temporary content is discarded as specified. Record actual results and remaining limitations. A detailed plan alone does not establish a working replacement.