Redesign the Examples page around outcome-driven goals#1052
Redesign the Examples page around outcome-driven goals#1052thierrypdamiba wants to merge 1 commit into
Conversation
Group examples into three goal buckets (Connect / Automate / Orchestrate), tiered beginner -> advanced, so developers can find examples by what they want to do rather than by tech. - Add a searchable, filterable gallery (grid + list) with a Filters disclosure for Type / Language / Framework / Integration. - Lead with an overview: bold, icon-led goal cards that each preview a featured example, replacing the single hero. - Add short descriptions to each level section; drop the example counts. - Add cover art for all 12 examples (with a gradient + monogram fallback). - Nest the goals under Examples in the sidebar (new _meta.tsx). - Contributors now add entries in examples-data.ts. Co-authored-by: Cursor <cursoragent@cursor.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 3 potential issues.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit f3120a1. Configure here.
| selectedLevels.length === 0 || selectedLevels.includes(item.level); | ||
| const matchesTags = | ||
| selectedTags.length === 0 || | ||
| selectedTags.every((tag) => item.tags.includes(tag)); |
There was a problem hiding this comment.
Same-group tag filters use AND
Medium Severity
Selecting multiple filter chips in Language, Framework, or Integration requires an example to include every selected tag at once. Type filtering uses OR, so picking two languages often shows no results even when each language has examples.
Reviewed by Cursor Bugbot for commit f3120a1. Configure here.
| // Default browse state groups cards into outcome buckets so people can find | ||
| // the right starting point. Filtering/searching collapses to a flat result | ||
| // set (grouping by level no longer helps once you've narrowed). | ||
| const grouped = view === "grid" && !hasFilters; |
There was a problem hiding this comment.
Sidebar goal anchors missing sometimes
Medium Severity
Goal section elements (#level-connect, etc.) render only when grid view has no active search or filters. In list view or while filtered, those ids are absent, so new sidebar links to those hashes cannot scroll to a section on the same page.
Additional Locations (2)
Reviewed by Cursor Bugbot for commit f3120a1. Configure here.
| import { ExamplesGallery } from "../../../_components/examples-gallery"; | ||
|
|
||
| Browse sample apps and MCP servers to see how Arcade works in practice, then fork them as a starting point or use them as a reference while building your own projects and integrations. | ||
| <ExamplesGallery /> |
There was a problem hiding this comment.
Scheduled date updates ignore data file
Medium Severity
Example metadata and dates now live in examples-data.ts, but the weekly update-example-dates workflow still scans page.mdx for SampleAppCard entries. It finds none and exits without updating the new data source.
Additional Locations (1)
Reviewed by Cursor Bugbot for commit f3120a1. Configure here.
1 participant
Summary
_meta.tsx).examples-data.tsinstead of the MDX.Test plan
/en/resources/examples: goal cards render (Beginner/Intermediate/Advanced), search + Grid/List + Filters all work.prefers-reduced-motiondisables the card pulse.Made with Cursor