← all publishers

Gustavosilveira23

@gustavosilveira23 source repo

Report this profile Claim this profile

• 6 skills
• 0 followers
• 10 hours ago last updated

1. ▌
   Figma Craft · gustavosilveira23 bundle

   Craft de layout ao DESENHAR no Figma via MCP (code-to-design). Ativa sempre que a tarefa for criar, montar, editar, corrigir ou reorganizar qualquer coisa dentro de um arquivo Figma -- tela, frame, card, componente, variante, topbar, sidebar, tabela, FigJam. Triggers: 'criar no Figma', 'montar a tela no Figma', 'desenhar no Figma', 'atualizar o Figma', 'arrumar o auto layout', 'o layout quebrou', 'ficou desalinhado', 'consertar spacing no Figma', 'construir componente no Figma', 'use_figma', 'Plugin API', 'push pro Figma'. Cobre a camada que as skills oficiais do Figma NAO cobrem: decidir a arvore de frames antes de criar, escolher HUG/FILL/FIXED por papel do elemento, validar por propriedades em vez de screenshot, e os erros que ja custaram retrabalho em projeto real. NAO ativa para design-to-code (ler Figma e implementar em React) -- ali vale a skill oficial figma-design-to-code.
   0 installs
2. ▌
   UI Designer · gustavosilveira23 bundle

   Expert visual design craft, UI systems, and pixel-perfect implementation. Activates when building, styling, reviewing, or polishing any interface -- websites, apps, dashboards, component libraries, design systems, landing pages, or any screen needing visual polish. Triggers on: CSS styling, component design, layout, spacing, typography, color, dark mode, responsive design, design tokens, Figma, UI audits, visual hierarchy, icons, shadows, border-radius, animations. Also activates on: 'make it look good', 'improve the design', 'it looks off', 'spacing', 'colors', 'typography', 'design system', 'component library', 'pixel perfect', 'modern design', 'layout', 'responsive', 'dark mode', 'style this', 'polish', 'improve visual'. Applies whenever a visual interface is created or refined, even without saying 'UI'. Hands off to ux-designer for flow strategy and psychology. Hands off to design-system for tokens, component infrastructure, and DS audits. Do NOT activate for: user research methodology, psychology theory,
   0 installs
3. ▌
   UX Designer · gustavosilveira23 bundle

   Expert UX design thinking, user psychology, and experience strategy. Activates when building, reviewing, or discussing any user-facing interface -- websites, apps, dashboards, forms, onboarding, checkout, sign-up, settings, landing pages, modals, navigation. Triggers on: user flows, wireframes, prototypes, usability, information architecture, content strategy, error handling, accessibility, interaction design, user testing, conversion. Also activates on: 'how should this flow', 'user experience', 'make it easier', 'onboarding', 'conversion', 'drop-off', 'friction', 'confusing', 'intuitive', 'usability', 'user journey', 'review screen', 'review interface', 'UX audit'. Applies whenever a human uses an interface, even without saying 'UX'. Hands off to ui-designer for visual styling and craft. Hands off to ux-research for evidence gathering and discovery. Hands off to design-system for component infrastructure. Do NOT activate for: purely visual styling, backend logic, database schemas, API design without UI, Dev
   0 installs
4. ▌
   UX Research · gustavosilveira23 bundle

   UX Research strategist for evidence-based product decisions. Activates when planning research, preparing user interviews, synthesizing findings, or generating design specs from insights. Triggers on: 'research', 'discovery', 'user interview', 'validate assumption', 'what should we build', 'do users need this', 'test this assumption', 'opportunity', 'synthesize findings', 'interview script', 'research plan', 'analyze data'. Also activates on: 'what method', 'sample size', 'interview guide', 'survey', 'usability test', 'atomic research', 'insight', 'ready to dev'. Hands off to ux-designer when design specs are ready. Do NOT activate for: visual styling, component design, design tokens, backend logic, DevOps, casual mention of 'research' in non-UX contexts (e.g., 'research this library' is not UX research, 'investigate this bug' is not discovery), tasks where the actual problem is technical investigation, market analysis, or competitive benchmarking without user evidence. Require explicit user-centered evidence
   0 installs
5. ▌
   Design System · gustavosilveira23 bundle

   Design system infrastructure: create, maintain, audit, and document design systems with shadcn/ui + Tailwind CSS 4 + Next.js. Activates when creating design systems, adding components to a design system, auditing token consistency, documenting components, syncing with Figma, building pages from a design system, or generating a system context briefing for AI. Triggers on: 'design system', 'design tokens', 'styleguide', 'token drift', 'sync figma', 'showcase', 'audit DS', 'add component', 'context doc', 'design system briefing'. Also activates on: 'shadcn setup', 'globals.css tokens', 'CSS variables', 'create styleguide', 'check consistency', 'AI-ready design system'. Handles the infrastructure layer -- tokens, components, consistency, documentation. Hands off to ui-designer for visual craft and polish. Hands off to ux-designer for experience strategy and psychology. Do NOT activate for purely visual styling decisions, user research, backend logic, or DevOps.
   0 installs
6. ▌
   Creative Coding · gustavosilveira23 bundle

   Expert motion design and creative coding for the web -- the layer beyond static UI: scroll-driven animation, WebGL/canvas, generative and interactive effects, and the craft of movement itself. Activates when building, evolving, reviewing, or planning any motion or interactive-graphics work -- animated heroes, scroll storytelling, parallax, particle fields, shader/distortion effects, 3D scenes, custom cursors, smooth scroll. Triggers on: motion design, animation, scroll animation, ScrollTrigger, GSAP, Lenis, smooth scroll, parallax, WebGL, Three.js, react-three-fiber, R3F, canvas, shader, GLSL, particles, generative, Perlin/simplex noise, distortion, liquid hover, image hover effect, custom cursor, magnetic button, split text, 'make it feel alive', 'creative coding', 'interactive site', 'immersive', 'like Awwwards / bruno-simon / noomo'. Also activates on: 'animate the entrance', 'scroll effect', 'floating 3D object', 'reacts to the mouse', 'premium scroll feel', 'particle background'. Applies whenever movemen
   0 installs