Create and edit JSON Canvas files with nodes, edges, groups, and visual connections.
Create detailed user stories, acceptance criteria, and feature specs
Example: Generate user stories for 'password reset feature' with acceptance criteria, edge cases, and test scenarios
Reduce spec writing time by 50%, ensure comprehensive coverage
Research competitors, compare features, identify gaps
Example: Analyze 5 competitor products, create feature comparison matrix, suggest differentiation opportunities
Complete competitive research in 2 hours instead of 2 days
Evaluate features using frameworks (RICE, ICE, Kano) and create prioritized backlogs
Example: Score 20 feature ideas using RICE framework, generate prioritized roadmap with rationale
Make data-driven prioritization decisions faster
Draft PRDs, status updates, and stakeholder presentations
Example: Create executive summary of Q3 roadmap, monthly progress report, feature launch announcement
Save 3-5 hours/week on communication overhead
Submit your Claude Code skill and start earning
epx add kepano/obsidian-skills --skill json-canvasCompatible with
Supported agents
Supports four node types: text (with Markdown), file references, external links, and visual groups for organizing layouts
Edges connect nodes with optional labels, directional arrows, anchor points (top/right/bottom/left), and color coding
Includes comprehensive validation workflows: ID uniqueness checks, edge reference integrity, and JSON parsing to prevent broken canvases
Provides layout guideli
AI-first code editor with Composer
Before installing skills in Cursor, ensure your development environment meets these requirements:
node --versionjson-canvasExecute the skills CLI command in your project's root directory to begin installation:
epx add kepano/obsidian-skills --skill json-canvasFetches json-canvas from kepano/obsidian-skills and configures it for Cursor.
The CLI shows a list of agents. Use arrow keys and space to select Cursor:
Confirm successful installation by checking the skill directory location:
.cursor/skills/json-canvas
Restart Cursor to activate json-canvas. Access via /json-canvasin your agent's command palette.
Learn more:View source on GitHubSkills CLI docsAbout CursorWhat are agent skills?
Time estimate: 30-60 minutes to see productivity improvements
Prerequisites
Steps
Common Pitfalls
✓ Do
✗ Don't
💡 Pro Tips
✓ Use when
Use for user story writing, competitive research, roadmap prioritization, stakeholder communication, and PRD drafting. Best for reducing repetitive documentation and research work.
✗ Avoid when
Avoid for strategic product vision (requires deep customer empathy), pricing decisions (needs market and financial expertise), or when face-to-face customer discovery is more valuable than speed.
clean-code-principles
asyrafhussin/agent-skills · Productivity · same category
wordpress-elementor
jezweb/claude-skills · Productivity · same category
powerpoint
igorwarzocha/opencode-workflows · Productivity · same category
prd-to-plan
mattpocock/skills · Productivity · same category
reverse-engineering-tools
gmh5225/awesome-game-security · Productivity · same category
brand-name-generator
shipshitdev/library · Productivity · same category
json-canvas has been reliable in day-to-day use. Documentation quality is above average for community skills.
json-canvas reduced setup friction for our internal harness; good balance of opinion and flexibility.
json-canvas is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.
Solid pick for teams standardizing on skills: json-canvas is focused, and the summary matches what you get after install.
Registry listing for json-canvas matched our evaluation — installs cleanly and behaves as described in the markdown.
json-canvas has been reliable in day-to-day use. Documentation quality is above average for community skills.
json-canvas reduced setup friction for our internal harness; good balance of opinion and flexibility.
Useful defaults in json-canvas — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.
json-canvas reduced setup friction for our internal harness; good balance of opinion and flexibility.
json-canvas has been reliable in day-to-day use. Documentation quality is above average for community skills.
showing 1-10 of 58