waseemnasir2k26

Skynet Site System — Design skill for Claude Code

Design community

60-site master website-design playbook distilled from shipped client work - 17 niche design-token sets with real hex and font pairs, an 8-phase build flow, a conversion-locked funnel, and a 3-variant.

How to install Skynet Site System

This entry records only its repository, not the path inside it, so there is no exact command to give. Open waseemnasir2k26/skynet-site-system and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Skynet Site System does

60-site master website-design playbook distilled from shipped client work - 17 niche design-token sets with real hex and font pairs, an 8-phase build flow, a conversion-locked funnel, and a 3-variant client-pick pitch process. For freelancers, agencies, and AI coding agents.

Alternatives in Design

  • Algorithmic Art — Create generative art using p5.js with seeded randomness, flow fields, and particle systems 94.1k ★
  • Guitar — by soramimi - Serves as development guide for Guitar Git GUI Client with build commands for various platforms 1.7k ★
  • App Onboarding Questionnaire — A Claude Code skill that designs and builds high-converting questionnaire-style app onboarding flows — modelle 751 ★

README

Skynet Site System — 60-Site Master Playbook

**Distilled from 60 shipped client websites.** A complete website-design system for landing pages, agency demos, and freelance Upwork/Fiverr builds — niche-tuned design tokens, conversion-locked funnel, speculative-build pitch flow, and 3-variant client-pick lock with a sticky variant switcher.

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![Built by SkynetLabs](https://img.shields.io/badge/Built%20by-SkynetLabs-0F0E0D.svg)](https://www.skynetjoe.com) [![Sites Mined](https://img.shields.io/badge/Sites%20Mined-60-8B3A3A.svg)](#case-studies) [![Niches](https://img.shields.io/badge/Niches-17-C8A579.svg)](#design-tokens)

A reusable website-design playbook for freelancers, agencies, and AI coding agents (Claude Code, Cursor, v0, Lovable). Mined from 60 actually-shipped client sites — not curated theory.


What this is

This isn't another awesome-list. It's an **extracted system** — every rule, palette, font pair, and anti-pattern came from a real client revision cycle on Vercel + GitHub.

  • 8-phase build flow — from input to ship + pitch in one session
  • 17 niche design tokens — real hex codes + font pairs that closed real clients (wedding, medical, wellness, law, HVAC, finance, dental, real estate, photography, restaurant, beauty, trades, indie events, e-commerce, B2B SaaS, agency, portfolio)
  • 60 case studies — Tier 1 flagships (Vow Sanctuary, Wellness DNA, Pretty Potty, FundRock Capital, AXIS RX, Helix Wellness, SkynetLabs Clinic) + Tier 2 production (24 builds) + Tier 3 generator (20 niche demos)
  • 3-variant lock — every client demo ships V1 Editorial / V2 Cinematic / V3 Bold with a sticky top-right switcher (URL-hash routed, mobile-collapsed, share-friendly)
  • Pitch template + 7 scope-question sets — 5–8 questions per niche, validated ~70% reply rate
  • Competitor research agent prompts — 3 parallel research agents (competi