artifex

Community

Create engaging, cinematic web designs with high variance.

AuthorTopengDev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill solves the problem of creating engaging, cinematic web designs with a high variance in elements, avoiding generic or monotone designs.

Core Features & Use Cases

  • Design Variance: Encourages unique layouts, signature techniques, and transitions for each section to create a diverse design.
  • Variance Audit: A pre-build gate that ensures all sections adhere to rules promoting variety and uniqueness in design elements.
  • Technical Requirements: Utilizes 22 different design techniques and enforces typography and performance standards.
  • Use Case: Ideal for designing pitch decks, demos, launch/award sites, hero landing pages, where a stand-out, engaging design is critical.

Quick Start

Run the 'artifex' command to initiate the web design process with a focus on variance and immersion.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 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: artifex
Download link: https://github.com/TopengDev/pi-setup/archive/main.zip#artifex

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