Overview
The Challenge
Services
- Custom Web Design (Claude Design)
- Brand System Implementation
- Prismic CMS & Slice Library
- TanStack Start & React
- Performance & Accessibility
- Technical SEO & Structured Data
- Monthly Automated SEO Audits
- Automated SEO & Performance Fixes
- Firebase Lead Capture
- Microsoft Azure Hosting
- Bluebird
- Sitemap, content structure, and brand
- Claude Design
- Design system and full page comps
- 24 slices
- Every page editable in Prismic, no code
- Monthly
- Automated SEO audits and fixes
- 99
- Lighthouse performance
- 100
- Lighthouse accessibility
- 100
- Lighthouse SEO
- Monthly
- Automated SEO audits and fixes
Design Partnership
From Bluebird's sitemap to a Claude Design system.
Bluebird Creative Co. defined the structure: the sitemap, how content is organized, how the provider and event directories should behave, and the brand guidelines behind it all (Faded Fern, Bluestem Blush, Dusty Terracotta, Kings Caslon, and Aptos). We used Claude Design to turn that brief into a token-based design system and full page comps for every template. Claude Code and Cursor then carried those comps into production components, and we audited the build against the comps so the live site matches the design down to spacing and type.
- 1Bluebird Creative Co.
Sitemap & brand
- Sitemap
- Content organization
- Directory preferences
- Brand guidelines
- 2Claude Design
Design system & comps
- Color & type tokens
- Component library
- Page comps
- Responsive states
- 3Claude Code + Cursor
Implementation
- TanStack Start routes
- Shadcn/UI components
- Prismic slices
- Comp parity audit
- 4bluestemmedical.com
Live site
- Providers
- Events & classes
- Resources
- Visit & contact
Partner strategy, AI-assisted design, and engineering in one continuous flow.
Prismic Slices
Every page, every word, editable anytime.
The Bluestem team can edit all content on every page in Prismic. We built a library of 24 purpose-built slices: heroes, CTA bands, provider, event, and resource directories, feature grids, photo rows, maps, visit details, contact forms, and more. Editors compose new pages, reorder sections, add providers, and publish events on their own, with no coding knowledge and no developer assistance required. Live previews show changes before they publish, and a webhook-driven cache refresh puts published content on the live site within seconds.
Live preview
Community
Events & Classes
Movement, nutrition, and wellness classes led by Bluestem providers.
View calendarGentle Yoga
Tue · 9:00 AM
Nutrition 101
Thu · 6:00 PM
Interior Hero · Fields
Eyebrow
Heading
Description
Button label
Button link
Edit a field, see it in the preview, publish. No code, no developer.
Performance & Accessibility
99 performance, 100 accessibility, 100 SEO.
The site scores 99 for performance and a perfect 100 for both accessibility and SEO in Lighthouse. That comes from the foundation: server-rendered TanStack Start pages, responsive image ladders served through the Prismic CDN, preconnected fonts, streaming compression, and semantic, keyboard-friendly components built on Radix and Shadcn/UI. Structured data describes the organization, every provider, events, articles, and breadcrumbs, while a dynamic sitemap and llms.txt keep search engines and AI assistants current as content changes.
- Server-rendered pages
- Responsive image ladders
- Preconnected fonts
- Semantic, keyboard-friendly UI
- Structured data on every template
- Dynamic sitemap & llms.txt
Performance built into the foundation, then protected by monthly audits.
SEO Program
Monthly audits, automated fixes.
Every month an automated SEO audit reviews content, performance, schema, sitemap, and technical health, then compares the results to the previous month. Technical SEO and performance findings are fixed automatically: implemented, tested, and shipped through the same review and deploy pipeline as any other change, then measured again in the next audit. Reports live in a private dashboard inside the site, so the Bluestem and Bluebird teams can see priorities, progress, and scores month over month.
- 1
Automated audit
Content, performance, schema, sitemap, technical
- 2
Findings
Compared with last month and prioritized
- 3
Automated fixes
Technical SEO and performance changes implemented
- 4
Tested & shipped
Typecheck, tests, review, deploy
- 5
Re-measured
Scores tracked in the private SEO dashboard
Each month starts from the last month's results, so gains compound.
Built With
Designed in Claude Design and implemented with Claude Code and Cursor on a TypeScript stack: TanStack Start for the app, Prismic slices for content, and Firebase for lead capture, hosted on Microsoft Azure.
- Azure
- Firebase
- Nitro
- Prismic
- Radix UI
- React
- Shadcn/UI
- Tailwind CSS
- TanStack Form
- TanStack Router
- TanStack Start
- TypeScript
- Vite
- Vitest
- Zod
Insights
Related articles
Built for Speed: The Engineering Behind Our Near-Perfect Lighthouse Performance Score
A technical deep dive into the specific engineering decisions behind our near-perfect Lighthouse Performance score, covering image delivery, JavaScript loading strategy, CLS prevention, caching headers, SSR, and the build pipeline that ties it all together.
From Audit to Action: How We Use Cursor’s SEO Skill and Agents for Full-Stack SEO
A case study in running a comprehensive SEO audit with Cursor’s SEO skill, then using agents to implement technical fixes and align content with what the audit recommends, so clients move from findings to shipped improvements in days, not weeks.
What Is a Headless CMS and How Does It Compare to WordPress or Squarespace?
If you've ever wondered why you can't see your analytics in Prismic, or why you can't see an SEO score, you're not alone. Here's a friendly explanation of what a headless CMS actually does, how it compares to WordPress and Squarespace, and why the specialized approach produces better results.
From Ticket to Deployed: Our Agentic AI Development Workflow
A behind-the-scenes look at how we connect and automate Linear, Cursor, GitHub, and Slack to increase capacity and speed up turnaround.
Related
Industry
Service area
Marketing & Design Agency
Bluebird Creative Website
A Fort Worth marketing and design agency site built from provided Figma, Prismic-managed content, TanStack and Shadcn on Azure, plus a monthly AI-led SEO audit with shared online action plans and month-over-month progress.
Publishing & Membership Platform
SportsWriters Network
Member platform and custom CMS serving FWAA, USBWA, and NCBWA with paid tiers, gated content, renewal automation, and NCBWA Top 25 weekly voting.