Skip to main content

3 posts tagged with "Open Source"

View all tags

【WordPress】CCLEE Toolkit — AI & SEO Enhancement Plugin From Scratch

· 2 min read
CCLEE
CCLEE

TL;DR​

Independent e-commerce sellers typically need multiple paid plugins for AI writing, SEO optimization, and product structured data. CCLEE Toolkit consolidates these into a single free, open-source plugin supporting multiple AI providers (OpenAI/DeepSeek/Anthropic).

Project Background​

WordPress + WooCommerce is a common tech stack for small-to-medium e-commerce. These sites face common challenges:

  • AI writing requires paid subscriptions (Yoast AI, Jasper, etc.)
  • Product Schema needs additional plugins or theme support
  • Image Alt attributes are often overlooked, missing out on image search traffic
  • Multiple plugins can conflict and impact performance

Solution​

CCLEE Toolkit uses a modular design with four independent modules in a single WordPress plugin:

General Module — AI Writing Assistant Integrates AI assistant in the Gutenberg editor sidebar, supporting generation of paragraphs, headlines, lists, CTAs, FAQs and more. Connect to OpenAI, DeepSeek, Anthropic, or custom API providers for automated content generation.

SEO Module — Structured Content Output Automatically outputs SEO-friendly meta tags in page headers, including Open Graph, Twitter Card, and JSON-LD structured data. Improves content visibility in social sharing and search engine results.

WooCommerce Module — Product Schema Automatically generates Google-compliant Product structured data for product pages, including name, image, description, SKU, offers, aggregateRating and more. Variable products output AggregateOffer type covering price ranges.

Image Alt Module — AI Image Descriptions Automatically detects images in posts/products and generates descriptive Alt attributes via AI, improving image search traffic and website accessibility.

The plugin uses only official WordPress APIs with no frontend framework dependencies, ensuring compatibility with any theme.

Deliverables​

The plugin is now live on GitHub as open-source. When paired with CCLEE Theme's FSE block theme, all features enable with one click — zero configuration needed to output complete SEO structured data.

Download on GitHub

CCLEE Toolkit — An All-in-One Enhancement Plugin for WordPress B2B Sites

· 4 min read
CCLEE
CCLEE

TL;DR​

B2B corporate websites need three things: AI-assisted writing, automatic SEO, and client case study showcases. CCLEE Toolkit solves all three with a single plugin using a modular architecture where each module can be toggled independently — install and go. Built natively for WordPress FSE Block Themes, verified in production, and open-sourced on GitHub.

Background​

B2B website builds share several common needs: content editors want AI assistance to work faster, pages need social tags and structured data for search visibility, and client case studies serve as trust signals. Existing solutions are either heavyweight All-in-One plugins that add bloat, or a patchwork of single-purpose plugins that increase maintenance overhead.

CCLEE Theme users needed a lightweight solution that integrates with the theme — loading only the modules they need, without slowing down the admin panel.

Solution​

The plugin is organized into 4 independent modules, each toggled via the admin settings page. AI Assistant supports four providers (OpenAI, DeepSeek, Anthropic, Custom) and generates paragraphs, headlines, lists, CTAs, and FAQs directly in the Gutenberg editor sidebar. SEO Enhancer automatically injects Open Graph, Twitter Card, and JSON-LD Schema into all front-end pages with zero configuration. Case Study CPT registers a custom post type for case studies, paired with 4 FSE-native dynamic blocks and a dedicated single-case-study.html template — after publishing, the front end automatically renders client info, performance metrics, client testimonials, and project details.

The key architectural decision is modular loading: the plugins_loaded hook reads each module's option value, and disabled modules incur zero file loading and zero request overhead. This means a site that only needs SEO won't load the AI SDK and scripts.

Deliverables​

The plugin is open-source. Each module solves a specific real-world scenario:

AI Assistant — Usable Content for Non-Writers

Operations staff at export companies need to update product pages, blogs, and landing pages regularly — but most aren't professional copywriters. AI Assistant lives inside the Gutenberg editor sidebar: enter a product name and selling points, choose from 5 formats (paragraph, headline, list, CTA, FAQ), and get an editable first draft in seconds. It supports 4 providers (OpenAI, DeepSeek, Anthropic, Custom), so businesses can plug in their existing API accounts without new purchases. For a B2B team where one person wears multiple hats, content production goes from "all morning writing" to "generate and refine in 30 minutes."

SEO Enhancer — Professional Previews on Every Shared Link

B2B product pages and articles get shared on LinkedIn, Twitter, WeChat, and other platforms. Without Open Graph tags, shared links show random truncated text and a blank thumbnail — they look like spam. SEO Enhancer automatically injects OG tags (title, description, image), Twitter Card tags, and JSON-LD structured data into every page, with zero code and zero configuration. Every shared link displays the correct title, description, and cover image — higher click-through rates are a direct result. Google also uses JSON-LD to identify article type and author info, helping pages earn richer search result snippets.

Case Study CPT — Turn Client Wins into Trust Assets

B2B sales cycles are long, and prospects review past projects before deciding. Case Study CPT provides structured case entry: client name, company size, project duration, up to 4 performance metrics (e.g., "+200% capacity" / "-45% defect rate"), and client testimonials. After publishing, the front end auto-renders four visual sections — client info, metrics grid, testimonial, and project details — no manual layout or designer needed. A factory completes a big order, and the ops team can publish it as a case study in 10 minutes. Next time a prospect asks "Have you done similar projects?", the answer is a link.

Each module is controlled by a backend checkbox, with zero performance cost when disabled. Before every release, Playwright browser automation tests simulate real user operations — from admin login, creating cases, filling Meta Boxes, publishing, to front-end rendering — covering interaction points like the Gutenberg iframe canvas that CLI tools can't detect. Users install and it works, no debugging required.

Why Us​

24 years of e-commerce experience shaped the plugin's feature design — the case study meta field structure (company size, project duration, performance metrics, client testimonials) comes directly from client communication templates used in actual deliveries. Building 13 AI-powered tools in 2024 informed the multi-provider routing architecture in AI Assistant.

Download on GitHub

A Minimal FSE WordPress Theme Built for Developers

· 2 min read
CCLEE
CCLEE

TL;DR​

Built a minimal WordPress Full Site Editing (FSE) theme for developers who want control over their codebase. Uses theme.json design system, 10 pre-built block patterns, 3 color variations, WooCommerce support, and AI editor integration. First production deployment—an industrial product showcase site—is live.

Background​

Business websites and lightweight e-commerce (product showcase focus) have clear requirements: clean code, easy customization, good performance. However, mainstream free themes tend to bundle excessive features with visual page builders and third-party dependencies, resulting in large codebases and high maintenance costs. For developers who prefer managing projects through code, these themes become a burden rather than a solution.

Solution​

Adopted WordPress Full Site Editing architecture with theme.json as the single source of design tokens. Templates use pure HTML block markup—no PHP template logic—allowing content management through WP-CLI and version control.

Defined strict code constraints: functions.php serves only as an entry point loading modules; styles go to theme.json first with CSS only for edge cases; JS loads on demand with no default interactions. These constraints ensure clean structure and controlled footprint.

Pre-built 10 common block patterns (Hero, Feature, CTA, Pricing, Team, Testimonial, Contact, etc.) and 3 color schemes, enabling developers to quickly scaffold business sites. WooCommerce compatibility follows a lightweight approach—no template overrides, only CSS fixes for layout issues.

Integrated AI editor assistant using backend proxy mode: API keys stored server-side, frontend authenticates via WordPress nonce and calls REST API proxy, preventing key exposure. Supports AI-assisted generation for paragraphs, headlines, lists, CTAs, and FAQs.

Deliverables​

Theme is open-sourced on GitHub, current version v1.1.1, compatible with WordPress 6.7. First production deployment—an industrial product showcase site—is live, validating real-world usability.

Technical highlights include: complete Design Token system (10-step neutral scale, responsive spacing, transition variables), SEO output (Open Graph + JSON-LD Schema), WCAG accessibility (Skip to Content link), 4 block style variations (Outline Button, Card Group, etc.).

Interested in similar projects? Get in touch