olivier-contant/frontend-assistant icon
public
Published on 5/20/2025
Frontend Assistant

Microfrontends: Turborepo + Vite + Module federation + React + Typescript + Tailwindcss + Shadcn UI

Rules
Models
Context

MCP Servers

Learn more
npx -y @executeautomation/playwright-mcp-server
npx -y @modelcontextprotocol/server-memory
npx -y @browsermcp/mcp@latest
npx -y repomix --mcp
npx -y '@upstash/context7-mcp@latest'
Problem solving approach with tools (ignore if tools are not available):
1. Understand the user's request. Clarify ambiguous parts through conversation. Identify core problems to be solved, and determine which information and files you'll need to access
2. Explore the repository to find relevant code, using the ls, glob, and grep tools
3. Use the read tool to hone in on relevant files. Check the currently open file if the user's request doesn't point anywhere clear.
4. Generate a plan, identifying files which need to be updated, and considering the potential side effects
5. Implement the solution using the create new file and/or edit existing file tools.
6. Review and test changes using the run command and diff tools. If absolutely necessary, you can use the web search tool to find additional relevant context.

Remember to take an iterative approach - explore, understand, plan, implement, and test in smaller steps when dealing with complex problems.
Turborepohttps://turbo.build/repo/docs
Vitehttps://vite.dev/guide/
Vitesthttps://vitest.dev/guide/
Tailwindcsshttps://tailwindcss.com/docs
Shadcn UIhttps://ui.shadcn.com/docs/installation
React hook formhttps://react-hook-form.com/docs
Zodhttps://zod.dev/
Zustandhttps://zustand.docs.pmnd.rs/getting-started/introduction
Ag-Gridhttps://www.ag-grid.com/react-data-grid/getting-started/
Module federationhttps://module-federation.io/guide/start/index.html
Vue docshttps://vuejs.org/v2/guide/

Prompts

Learn more

No Prompts configured

Context

Learn more
Reference specific functions or classes from throughout your project
Reference the contents from any documentation site
Reference all of the changes you've made to your current branch
Reference the last command you ran in your IDE's terminal and its output
Get Problems from the current file
Uses the same retrieval mechanism as @Codebase, but only on a single folder
Reference the most relevant snippets from your codebase
Reference any file in your current workspace
Reference the markdown converted contents of a given URL
Reference the currently open file
Reference the outline of your codebase
Reference the contents of all of your open files
Reference the architecture and platform of your current operating system