Skills
.Work. You
Rest

features-page

Community

Design stunning product feature pages with ease.

Design & Creative#tailwind#design-system#ui-patterns#hero-section#responsive-layouts#grid-layout#features-page
AuthorZiadNagar
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Designing product feature pages that are visually appealing, consistent, and scalable can be time-consuming and error-prone. This Skill provides a repeatable framework of layout patterns, typography guidance, and visual patterns to accelerate page creation.

Core Features & Use Cases

  • Hero sections with clear value propositions
  • Bento grid and icon feature grids for scalable layouts
  • Alternating image-text rows for readability
  • Integration logo showcases and metrics sections
  • Responsive designs guided by Tailwind CSS conventions and design-system rules

Quick Start

Load this skill into your design system and start applying the hero, grid, and alternating layout patterns to build feature pages.

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: features-page
Download link: https://github.com/ZiadNagar/zeVillage-AI-Toolkit/archive/main.zip#features-page

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 471,000+ vetted skills library on demand.