Skills
.Work. You
Rest

create-content-component

Official

Build UI components for Strapi & Next.js.

Software Engineering#code reuse#next.js#component generation#ui development#strapi#page builder
Authorstrapi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation of new content components, ensuring consistency across both your Strapi backend and Next.js frontend, and preventing redundant code.

Core Features & Use Cases

  • Dual-Platform Component Creation: Generates necessary files for both Strapi (schema) and Next.js (React component).
  • Intelligent Reuse: Prioritizes reusing existing utility components to maintain a DRY codebase.
  • Deterministic Conflict Resolution: Automatically handles existing components by reusing, extending, or creating new versions, avoiding user prompts.
  • Use Case: When adding a new "testimonial" section to your website, this Skill will create the sections.testimonials schema in Strapi and the StrapiTestimonials React component in your UI, linking them seamlessly.

Quick Start

Create a new page builder component named 'featured-products' in the 'sections' category with 'name', 'description', and 'image' attributes.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: create-content-component
Download link: https://github.com/strapi/website/archive/main.zip#create-content-component

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.