display-design-studio
@display-design-studio Organization
Public Skills
content-modeling-best-practices
by display-design-studio
Structured content modeling principles with Sanity-specific guidance. Use when designing or reviewing content schemas, document types, field structures, or content architecture — including decisions around references vs embedding, content reuse, taxonomy, page builders, multi-channel delivery, or refactoring existing schemas. Trigger when the user mentions schema design, content model, document types, content structure, headless CMS architecture, or asks how to model any content type.
vite
by display-design-studio
Vite 8 (Rolldown-powered) build tool — configuration, plugin API, SSR, and Rolldown migration. Use when working with Vite projects, vite.config.ts, HMR, Vite plugins, library mode, SSR builds, or migrating from Vite 5/6 to Vite 8. Trigger when the user mentions Vite, vite.config, vitest (config side), HMR, Rolldown, Rollup plugin, or asks to configure, debug, or optimize a Vite-based project (Vue, React, Svelte, Nuxt, SvelteKit).
content-experimentation-best-practices
by display-design-studio
A/B testing and content experimentation methodology for data-driven optimization. Use when setting up A/B tests, multivariate tests, or experimentation infrastructure — including experiment design, statistical significance, conversion rate optimization (CRO), feature flags, or integrating experiments with a CMS. Trigger when the user mentions A/B test, split test, variant, experiment, CRO, conversion rate, statistical significance, feature flag, or asks how to test or measure content changes.
seo-aeo-best-practices
by display-design-studio
SEO and AEO (Answer Engine Optimization) best practices covering EEAT, structured data, and technical SEO. Use when implementing meta tags, Open Graph, JSON-LD, sitemaps, robots.txt, canonical URLs, or optimizing content for Google, AI assistants (ChatGPT, Perplexity), or featured snippets. Trigger when the user mentions SEO, AEO, EEAT, structured data, schema.org, JSON-LD, meta tags, Open Graph, sitemap, robots.txt, canonical, indexing, search ranking, or asks how to make content discoverable by search engines or AI tools.
nuxt-sanity
by display-design-studio
@nuxtjs/sanity module integration best practices for Nuxt 3 apps connected to Sanity CMS. Covers useSanityQuery, useLazySanityQuery, useSanity, SanityImage, SanityContent (Portable Text), visual editing / live preview with stega, TypeScript typegen, named clients, and Nitro server routes. Use when the user mentions @nuxtjs/sanity, nuxt-sanity, useSanityQuery, SanityImage in Nuxt, or is building a Nuxt app that fetches data from Sanity.
nuxt-seo
by display-design-studio
@nuxtjs/robots module best practices for Nuxt 3 apps — robots.txt generation, crawl control, noindex per page, route-rule blocking, AI bot blocking, and environment-based indexing. Also covers llms.txt for AI-tool documentation access. Use when the user mentions @nuxtjs/robots, robots.txt, crawl, indexing, noindex, disallow, blockAiBots, or llms.txt in a Nuxt project.
gsap
by display-design-studio
Comprehensive GSAP v3 best-practices skill covering fundamentals, plugins, and useful features/tools. Use when the user mentions GSAP, GreenSock, gsap.to, gsap.timeline, ScrollTrigger, ScrollSmoother, Flip, SplitText, MorphSVG, DrawSVG, Draggable, useGSAP, or asks to build, review, or optimize animations, motion, or scroll-driven interactions.
ruby-on-rails
by display-design-studio
Comprehensive Ruby on Rails 8.1 best-practices skill covering MVC, Active Record, routing, views, background jobs, storage, security, testing, and performance. Use when the user mentions Rails, Ruby on Rails, ActiveRecord, ActiveJob, ActionMailer, ActionCable, Active Storage, rails generate, rails routes, Hotwire, Turbo, Stimulus, or asks to build, review, debug, or migrate a Rails application or API.
tailwind
by display-design-studio
Tailwind CSS v4 best-practices skill covering utility-first patterns, @theme variables, responsive design, dark mode, custom styles, performance, accessibility, and a Figma-to-Tailwind theme generation workflow. Use when the user mentions Tailwind, tailwindcss, @theme, utility classes, Tailwind config, Figma design tokens, or asks to build, configure, audit, or migrate a Tailwind CSS project (including v3 to v4 migrations).
shopify-development
by display-design-studio
Build Shopify apps, extensions, themes using GraphQL Admin API, Shopify CLI, Polaris UI, and Liquid. TRIGGER: "shopify", "shopify app", "checkout extension", "admin extension", "POS extension", "shopify theme", "liquid template", "polaris", "shopify graphql", "shopify webhook", "shopify billing", "app subscription", "metafields", "shopify functions"
sanity-best-practices
by display-design-studio
Comprehensive Sanity development best practices covering GROQ performance, schema design, Visual Editing, images, Portable Text, page builders, Studio configuration, TypeGen, localization, and migrations. Use this skill when building, reviewing, or optimizing Sanity applications.