Hopp til hovedinnhold
AIKI

The tools we use

We practice what we preach. Here is an open look behind the scenes at the AI tools that power AIKI.

Content Production

From idea to publish-ready article, automatically.

Automated Blog Pipeline

One command starts a 5-phase pipeline: research with real-time data, Norwegian article, English translation, cover image, and validation. Publish-ready in minutes.

Cover Image Generator

Generates on-brand cover images for blog posts via Gemini and Nano Banana. Consistent visual identity without manual design work.

AI Image Generator

Tool for illustrations, OG images, and marketing materials. Used for all visual content across platforms.

SEO and Visibility

Systematic search engine optimization with specialized agents.

Full Site Audit

Six specialized sub-agents analyze the website in parallel and provide a combined health score from 0 to 100 with actionable recommendations.

GEO: AI Visibility

Optimizes content for AI-powered search engines like ChatGPT, Perplexity, and Google AI Overview. The future of SEO.

Content Quality and E-E-A-T

Analyzes credibility, expertise, and content quality according to Google's E-E-A-T framework. Also evaluates AI citability.

Technical SEO

Reviews nine technical categories: speed, crawlability, Core Web Vitals, structured data, mobile optimization, and more.

Schema.org Validation

Generates and validates structured data in JSON-LD format for rich search results and better visibility in Google.

International SEO

Handles hreflang implementation for multilingual websites. Ensures the correct language version appears in the right market.

Design and User Interface

Professional design with AI-assisted quality assurance.

Design Intelligence

67 style templates, 96 color palettes, and 57 font combinations. Generates professional design systems tailored to the brand.

Responsive Design

Mobile-first standards with 44px touch targets, fluid typography, and systematic adaptation to all screen sizes.

Component Library

Ready-made UI components from shadcn and animated interaction components from Magic UI. Faster development with higher quality.

Quality and Delivery

Systematic reviews ensure production quality.

Automated Design Review

Fetches design comments from Vercel preview and implements changes automatically. Faster iterations between design and development.

Website Audit

Over 230 checkpoints for accessibility, performance, SEO, and user experience. Thorough review of the entire website.

Code and Test Workflow

Systematic code reviews and automated tests ensure quality and stability before every production release.

How it all connects

The tools work together in a cohesive pipeline.

1

Research

Keyword analysis and topic research with real-time data from the web.

2

Production

The blog pipeline writes, translates, and generates images automatically.

3

Design

Responsive design and component library ensure visual quality.

4

Review

230+ checkpoints, design review, and code review.

5

Publishing

Sitemap, schema, hreflang, and GEO optimization for maximum visibility.

Download the tools

Free Claude Code skills you can use in your own projects. Each skill is a ready-made configuration that extends Claude Code with specialized expertise.

GEO: AI Visibility

Optimize content for AI-powered search engines like ChatGPT, Perplexity, and Google AI Overview.

Content Quality and E-E-A-T

Analyze credibility and content quality according to Google's E-E-A-T framework.

Responsive Design

Mobile-first standards with 44px touch targets, fluid typography, and responsive breakpoints.

Accessibility (WCAG)

WCAG checklist for semantic HTML, ARIA, color contrast, and keyboard navigation.

Design System

Methodology for design tokens, YAML page spec, motion variables, and accessibility checklist.

Design System Patterns

CSS custom properties token hierarchy, React theme switching, and Style Dictionary config.

Tailwind CSS v4

Complete Tailwind v4 guide with OKLCH colors, CVA patterns, dark mode, and v3 migration.

Visual Design

Typography scales, 8-point grid, semantic color tokens, and responsive typography with clamp().

Delight: UX Joy

Add personality and surprise moments that make interfaces memorable.

Harden: Resilience

Error handling, i18n, text overflow, and edge cases for more resilient interfaces.

Onboarding Flows

Design onboarding, empty states, and first-time experiences that help users get started.

Mermaid Diagrams

Create class, sequence, flow, and ER diagrams with Mermaid syntax.

Get access to all skills

Fill in to unlock 12 free Claude Code skills.

Vi bruker e-posten din kun til å sende ressursen og eventuelt nyhetsbrev. Du kan melde deg av når som helst.