This is the exact workflow senior product teams use to build premium SaaS sites, packaged for working with AI. Instead of prompt-guessing your way to mediocre results, you build seven context documents (project brief, content files, mood boards, style guide, PRD, and tasks) that turn Claude into an actual design partner who knows what you want. The core loop is Define, Build, Review, Refine, same as real design teams. It's thorough to the point of being tedious, with separate mood boards for overall vibe and individual sections, but that granularity is why the output looks like it cost $5k instead of $500. If you're serious about design quality and willing to do the upfront work, this framework delivers.

skills.sh installs
362
GitHub stars
89
last updated
Aug 21, 2026

Install

$ npx -y skills add hermeticormus/libreuiux-claude-code --skill premium-saas-design --agent claude-code

Installs into .claude/skills of the current project.

Files

Premium SaaS Design Framework

In Stanford's large 2002 web credibility study (B.J. Fogg and colleagues), a site's visual design was the factor people mentioned most often when they judged whether to trust it.

This skill captures the professional design workflow used by senior product teams and UI/UX designers, adapted for AI-assisted development. The framework transforms AI from a "guessing machine" into a true design partner.


The Core Loop

DEFINE → BUILD → REVIEW → REFINE
   ↑                        │
   └────────────────────────┘

This loop is everything. It's used by real product teams and works wonders with AI.


The 7 Context Artifacts

AI needs context to produce premium results. These 7 documents form your "design contract" with AI:

1. Project Brief

What: Single document explaining what you're building, why, and for whom. Purpose: Gives AI direction and understanding of the project.

# Project Brief: [Product Name]

## What We're Building
[Description of the product/website]

## Primary Target Audience
- [Persona 1]: [Description]
- [Persona 2]: [Description]

Sponsors

Details

Repository
github.com/hermeticormus/libreuiux-claude-code
Categories
DevOps & CI/CD, Git & Pull Requests, Code Review & Quality, Design & UI/UX
First seen
Jun 3, 2026
1johnlindquist avatarmemoryjohnlindquist/claudePersistent knowledge storage using basic-memory CLI. Use to save notes, search memories semantically, and build context for topics across sessions.362skills.sh installs
2mims-harvard avatartooluniverse-immune-repertoire-analysismims-harvard/tooluniverseTCR/BCR repertoire analysis — V(D)J segment usage, CDR3 sequence diversity, clonality scoring, antigen specificity matching to IEDB, public-clone identification361skills.sh installs
3levnikolaevich avatarln-520-test-plannerlevnikolaevich/claude-code-skillsOrchestrates test planning pipeline: research, manual testing, automated test planning. Use when Story needs comprehensive test coverage planning.360skills.sh installs
4nice-wolf-studio avatarsupabase-edge-functionsnice-wolf-studio/claude-code-supabase-skillsDeploy and manage Supabase Edge Functions. Use for invoking serverless functions, deploying new functions, and managing function deployments.360skills.sh installs
5jezweb avataropenai-agentsjezweb/claude-skillsBuild AI applications with OpenAI Agents SDK - text agents, voice agents, multi-agent handoffs, tools with Zod schemas, guardrails, and streaming. Prevents 11 d359skills.sh installs
6pmprompt avatarseven-powerspmprompt/claude-plugin-product-managementUse when asked to "7 Powers", "build a competitive moat", "analyze defensibility", "find sustainable advantage", "economic moats", or "Hamilton Helmer framework358skills.sh installs