Savvy by Squarestylist

About

Savvy is an AI-powered coding assistant that helps Squarespace designers write custom CSS and JavaScript code.

HOW IT WORKS
  1. Open the Savvy side panel on any Squarespace page
  2. Click the pointer tool and select an element
  3. Describe your desired customization and attach images for reference
  4. Copy the generated code to Squarespace
  5. Ask Savvy to refine when needed

  FEATURES
  • Visual Element Selection: Click any element on your Squarespace page to select it
  • AI-Powered Code Generation: Describe your design goals and get production-ready code
  • Works with Custom Domains: Use Savvy on the default Squarespace domain or any connected custom domain
  • Fully Scoped Code: Every code suggestion is scoped to your selected element's section or block to avoid unintentional site-wide style changes
  • Smart Code Suggestions: Savvy uses Squarespace's native style variables, so your custom code adapts automatically when you change colors, fonts, or site styles
  • Save Snippets: Store your favorite code snippets for reuse across projects
  • Chat History: Keep track of all your conversations and solutions

SQUARESPACE-SMART
• Recognizes Squarespace block types
• Understands Squarespace's unique CSS structure and code patterns
• Uses native style variable so code adapts to theme changes
• Suggests reusable code that works across sections

 PERFECT FOR
  • Squarespace designers who want to customize beyond the built-in options
  • Web developers looking to speed up their Squarespace workflow
  • DIY website owners who need help with custom styling

REQUIREMENTS
  • A Squarespace website (works with both 7.0 and 7.1)
  • A Savvy account (free tier available)