fenyxz-enmado/front-end-assist icon
public
Published on 5/5/2025
Front-End Develop Assistant

Front-End Develop Assistant

Rules
Models
Context
relace Relace Instant Apply model icon

Relace Instant Apply

relace

40kinput·32koutput
mistral Codestral model icon

Codestral

mistral

voyage voyage-code-3 model icon

voyage-code-3

voyage

voyage Voyage AI rerank-2 model icon

Voyage AI rerank-2

voyage

mistral Mistral Large model icon

Mistral Large

mistral

- Follow Turborepo for scaling monorepos and build system.
- Use pnpm for package management.
- Use Vite for build tool.
- Use Vitest for unit testing.
- Follow Reactjs & typescript patterns
- Use Tailwind CSS v4 for styling.
- Use Shadcn UI for components.
- Use TanStack Query (react-query) for frontend data fetching.
- Use React Hook Form for form handling.
- Use Zod for validation.
- Use Zustand and React Context for state management
- Follow eslint-plugin-react and prettier guide for code formatting.
- Use PascalCase when creating new React files. UserCard, not user-card.
- Use named exports when creating new react components.
- DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.
HTMLhttps://developer.mozilla.org/en/docs/Web/HTML
CSShttps://developer.mozilla.org/en/docs/Web/CSS
JavaScript docshttps://developer.mozilla.org/en-US/docs/Web/JavaScript
Vitehttps://vite.dev/guide/
Reacthttps://react.dev/reference/
Turborepohttps://turbo.build/repo/docs
Vitesthttps://vitest.dev/guide/
Tailwindcsshttps://tailwindcss.com/docs

Prompts

Learn more

No Prompts configured

Context

Learn more
@diff
Reference all of the changes you've made to your current branch
@codebase
Reference the most relevant snippets from your codebase
@url
Reference the markdown converted contents of a given URL
@folder
Uses the same retrieval mechanism as @Codebase, but only on a single folder
@terminal
Reference the last command you ran in your IDE's terminal and its output
@code
Reference specific functions or classes from throughout your project
@file
Reference any file in your current workspace
@currentFile
Reference the currently open file
@docs
Reference the contents from any documentation site
@repo-map
Reference the outline of your codebase
@greptile
Query a Greptile index of the current repo/branch
@jira
Reference the conversation in a Jira issue
@open
Reference the contents of all of your open files
@problems
Get Problems from the current file
@commit
@clipboard
Reference recent clipboard items
@os
Reference the architecture and platform of your current operating system

No Data configured

MCP Servers

Learn more

No MCP Servers configured