skills.rest
c15t
c15tOFFICIAL
Explore all skills by this author →
WebsiteGitHub

c15t

Implements c15t consent management setup, styling, and integrations for React and Next.js projects.

1.9k|209|Updated Jan 13, 2025
Search Tags:#NextJS#gdpr#consent management#google tag manager#reAct#cookie banner#c15t
One-click install
npx skills add https://github.com/c15t/c15t --skill c15t
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: c15t
Source: https://github.com/c15t/c15t/tree/main/.agents/skills/c15t
Command: npx skills add https://github.com/c15t/c15t --skill c15t

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers integrating the c15t consent management platform often guess at component APIs, styling approaches, or integration patterns. This Skill reads the documentation bundled inside installed c15t npm packages and applies the correct setup, customization, and integration workflow for the project's framework.

Core Features & Use Cases

  • Framework-aware doc lookup: Detects Next.js, React, or vanilla JavaScript from package.json and reads the matching bundled docs from node_modules.
  • Customization ladder: Guides changes through the lowest-power approach first, from provider options and i18n through design tokens, slots, compound components, noStyle, and headless mode.
  • Script integrations: Configures pre-built script helpers for Google Tag Manager, GA4, PostHog, Meta, and other consent-aware script loading.
  • Use Case: A developer asks to change the cookie banner copy and add Google Tag Manager with consent gating; the Skill reads the installed package docs, applies i18n options, and wires up the googleTagManager script config.

Quick Start

Ask the assistant to set up c15t consent management in your Next.js app with a cookie banner and Google Tag Manager integration.

Frequently Asked Questions about c15t

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up c15t consent management in Next.js?▼

Read the quickstart from node_modules/@c15t/nextjs/docs/README.md and follow its setup exactly. For first-time installs, run npx @c15t/cli@<exact-version> generate after confirming the version, then choose hosted, self-hosted, or offline mode.

How do I customize the c15t cookie banner styling?▼

Start with design tokens for colors, typography, and spacing, then use slots for targeted subparts like the banner card or footer. Escalate to compound components, noStyle, or headless mode only when lower-level options cannot solve the request.

Does c15t support Google Tag Manager and GA4 integration?▼

Yes, the @c15t/scripts package provides pre-built config functions like googleTagManager that you pass to the scripts option of ConsentManagerProvider. Check node_modules/@c15t/scripts/README.md and docs/integrations for available helpers before writing manual script configs.

How do I change cookie banner text in c15t?▼

Use the i18n option on ConsentManagerProvider for all copy changes. Direct text props like title, description, and acceptButtonText exist but are intended as one-off overrides, not the default approach.

Which c15t versions does this Skill support?▼

The Skill supports c15t version 2.0.0-rc.5 and later. Projects on older versions should be asked about migrating to v2 before proceeding with setup or customization.

Related Skills

Explore More Software Engineering Skills→
reactivereactive
2.0k

data-client-setup

Installs and configures Reactive Data Client providers for React, NextJS, Expo, React Native, and Vue projects.

Official
Intermediate
gustavscirulisgustavscirulis
114

consent-flow

Generate Swift privacy consent flows for GDPR, CCPA, and DPDP compliance.

Community
Advanced
vassovassvassovass

analytics-tracking

Unify GA4 and PostHog event tracking with a trackEvent() API.

Community
Advanced
deomiarndeomiarn

cookies-analytics

Set up Google Analytics 4 with a DSGVO-compliant cookie consent banner.

Community
Intermediate