✨ Add agent/design pages and draggable thoughts canvas#52
Conversation
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
This pull request introduces a design system and agent instructions by adding DESIGN.md and AGENTS.md files, along with dedicated pages (/design and /agents) to render them. It also includes a new Switch component to toggle between rendered previews and raw Markdown. The review feedback identifies opportunities to improve the codebase by removing dead client-side script logic and replacing fragile manual YAML/frontmatter parsing with Astro's built-in Markdown frontmatter support.
📸 Screenshots for PR #52
PR screenshots folder (branch |
Move CLAUDE.md symlink to .claude/ subdirectory and remove .claude from .gitignore to track AI configuration files in the repo.
…lette, typography, spacing, and component styles.
Render DESIGN.md as a visual design system page with: - Color swatches for hex values - Typography samples for font families/weights/sizes - Spacing bars for px/rem values - Toggle between preview and raw markdown views Also cleans up unused design tokens (wip-*, code-inline, decorative-shadow) from DESIGN.md.
Replace runtime readFile + manual frontmatter parsing with Astro's `frontmatter` export and Vite `?raw` import so the markdown source is bundled at build time. Fixes ENOENT for `dist/AGENTS.md` during `astro build` and removes the dead `a[data-mode-value]` listener loop on both pages. Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Move log-reporter skill and update all references in AGENTS.md and blog posts to use the new .agents/skills path.
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
|
/gemini review |
There was a problem hiding this comment.
Code Review
This pull request introduces a comprehensive design system and agent instruction documentation by adding DESIGN.md and AGENTS.md along with dedicated Astro pages and components to render them. Key additions include a DesignTokenTable for visualizing design tokens and a Switch component for toggling between rendered previews and raw markdown. Feedback suggests refactoring duplicated Tailwind prose configurations and client-side scripts shared between the new pages to improve maintainability. Additionally, the Switch component should be made more reusable by avoiding hardcoded CSS classes in its script, ideally passing them via data attributes instead.
Co-authored-by: Cursor <cursoragent@cursor.com>
- Implement pointer-based card drag with CSS custom properties (--drag-x, --drag-y) - Refactor layout: newest year at top, newest posts centered horizontally - Update Thought component styling with prose utilities - Change toolbar from rounded-full to rounded-sm for cleaner look - Add tests for canvas layout algorithm - Reduce rotation range to ±7° for subtler tilt
|
/gemini review |
There was a problem hiding this comment.
Code Review
This pull request establishes a formal design system and agent instruction framework for the repository. Key additions include DESIGN.md and AGENTS.md documents, dedicated pages to render these files, and new components like DesignTokenTable, MarkdownProse, and an interactive Switch. The thoughts canvas was also improved with dragging capabilities and refined layout logic. Feedback focuses on ensuring the Switch component works with client-side navigation and correcting several CSS styling choices that deviate from the design tokens defined in the new guidelines.
Co-authored-by: Cursor <cursoragent@cursor.com>
|
/gemini review |
There was a problem hiding this comment.
Code Review
This pull request introduces a comprehensive design system and agent instruction framework for the repository. Key additions include documentation in DESIGN.md and AGENTS.md with dedicated rendering pages, a DesignTokenTable component, and a MarkdownProse component for consistent typography. The thoughts canvas has been enhanced with card dragging capabilities, improved layout logic (newest-first ordering and subtle tilt), and new unit tests. Feedback focuses on optimizing the performance of the dragging implementation by using transform instead of top/left and avoiding expensive getComputedStyle calls, as well as improving the maintainability of long Tailwind class lists in Thought.astro.
yuler
changed the title
Co-authored-by: Cursor <cursoragent@cursor.com>
|
/gemini review |
There was a problem hiding this comment.
Code Review
This pull request establishes a formal design system and agent-first documentation for the repository, introducing DESIGN.md and AGENTS.md along with dedicated pages to render them. Key changes include the addition of several UI components—such as DesignTokenTable, MarkdownProse, and Switch—and the implementation of card dragging functionality on the thoughts canvas. The layout logic for thoughts was also refined to prioritize newer content and reduce visual clutter. Feedback focused on improving code maintainability by deduplicating design token definitions, enhancing the user experience with visual drag cues, and ensuring robust text-selection behavior during multi-touch interactions.
Co-authored-by: Cursor <cursoragent@cursor.com>
1 participant
Summary
/agentsand/designpages, shared markdown rendering, a reusableSwitch, and aDesignTokenTablepreview component..claudeand.agents/skills, including the newcreate-thoughtskill and updated references./thoughtswith draggable canvas cards, refined sticky-note layout/styling, layout tests, and updated thought content.Test plan
pnpm test -- --runpnpm build