slavajamm/slavajamm-first-assistant icon
public
Published on 4/1/2025
EXPRNCES Code Helper

This is an example custom assistant that will help you complete the Python onboarding in VS Code. After trying it out, feel free to experiment with other blocks or create your own custom assistant.

Rules
Prompts
Models
Context
openai OpenAI GPT-4o model icon

OpenAI GPT-4o

OpenAI

128kinput·16.384koutput
- Prioritize a modern, polished design similar to Stripe, Linear, and Vercel.
  - Use animated gradient backgrounds in hero sections (React Three Fiber + GLSL shaders or CSS).
  - Apply glassmorphism aesthetics sparingly: frosted glass, blur, subtle shadows.
  - Ensure pixel-perfect alignment, spacing, and hierarchy (based on Figma).
  - Use TailwindCSS where possible with semantic class structure.
  - Keep components modular, reusable, and maintainable.
  - Optimize for performance (lazy load images, minimize DOM bloat, compress assets).
  - Animate UI using Framer Motion or GSAP when relevant for fluid transitions.
  - Maintain responsiveness across mobile, tablet, and desktop.
  - Comment clearly when implementing complex logic or styling.
  - Respect branding colors and tones defined in the EXPRNCES design system.
  - When in doubt, choose simplicity over clutter.
tailwind-docshttps://tailwindcss.com/docs
Reacthttps://react.dev/reference/
Next.jshttps://nextjs.org/docs/app
Three.jshttps://threejs.org/docs/
framer-motion-docshttps://www.framer.com/motion/
react-three-fiber-docshttps://docs.pmnd.rs/react-three-fiber/getting-started/introduction
glsl-docshttps://thebookofshaders.com/
stripe-ui-exampleshttps://stripe.com
shadcn-docshttps://ui.shadcn.com/docs
https://ui.aceternity.com/https://ui.aceternity.com/
radix-ui-docshttps://www.radix-ui.com/docs/primitives/overview/introduction
gsap-docshttps://gsap.com/docs/v3/Plugins/ScrollTrigger/
lucide-docshttps://lucide.dev/
react-spring-docshttps://react-spring.dev/

Prompts

Learn more
Analyze the code and error. Suggest and implement a fix using best practices.
Analyze the code and error. Suggest and implement a fix using best practices.
Analyze the code and error. Suggest and implement a fix using best practices.

Context

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

No Data configured

MCP Servers

Learn more

Memory

npx -y @modelcontextprotocol/server-memory