Coding
PromptBeginner5 minmarkdown
Markdown Converter
Agent skill for markdown-converter
7
A React-based web application that visualizes artist similarity relationships through interactive force-directed graphs. Integrates with Last.fm API and provides an engaging interface for exploring music artist connections.
Sign in to like and favorite skills
A React-based web application that visualizes artist similarity relationships through interactive force-directed graphs. Integrates with Last.fm API and provides an engaging interface for exploring music artist connections.
musiqasik/ ├── src/ │ ├── components/ # React components │ │ ├── ForceGraph/ # D3.js graph visualization (refactored into hooks) │ │ └── ui/ # shadcn/ui components │ ├── hooks/ # React hooks (useLastFm, useSimilarArtists, etc.) │ ├── services/ # Effect services (LastFm, Database, Graph, Config) │ ├── integrations/ # External service clients │ ├── lib/ # Utilities and error types │ ├── pages/ # Route pages │ └── types/ # TypeScript type definitions ├── e2e/ # Playwright E2E tests └── public/ # Static assets
.env.example to .env and add your Last.fm API keybun run dev starts server on port 8080bun run build for productionbun run test for unit tests, bun run test:e2e for E2E testsbun run lint runs BiomeForceGraph/hooks/)src/services/)package.json for available scriptsConsult these files for detailed information:
agent_docs/development-workflow.md - Setup, scripts, environmentagent_docs/architecture-patterns.md - System design and data flowagent_docs/code-conventions.md - Patterns to follow (learn from existing code)agent_docs/common-tasks.md - Step-by-step guides for common operationsagent_docs/troubleshooting.md - Debugging and common issuesagent_docs/effect.md - Effect library patterns and API referencesrc/types/, optional properties with ?cn() utility for conditional classes (src/lib/utils.ts)src/lib/errors.ts, toast notifications for user feedbacktsconfig.app.json)@/ maps to ./src/ (vite.config.ts)VITE_ for client-side accessbun run test - Unit tests (hooks, utilities, services)bun run test:e2e - E2E tests (Playwright)bun run test:coverage - Coverage report