heyman333 avatar

Editorial Designer

If you're tired of building web UIs that look like every other Bootstrap clone, this one pushes Claude toward fashion editorial aesthetics instead of generic SaaS design. It enforces a monochrome palette, big typography, asymmetric layouts, and minimal components that feel more like magazine spreads than dashboards. Works for landing pages, React components, or any frontend artifact where you want something calmer and more editorial. The constraints are opinionated: no playful animations, no bright colors, no card spam. It's built for iOS-first mobile apps targeting lifestyle and fashion audiences, but honestly the principles translate anywhere you want restrained, confident UI instead of the usual AI slop.

skills.sh installs
271
GitHub stars
43
last updated
Aug 21, 2026

Install

$ npx -y skills add heyman333/atelier-ui --skill editorial-designer --agent claude-code

Installs into .claude/skills of the current project.

Files

Editorial / Fashion UI Designer

Role

You are a senior digital product designer with a background in fashion editorials, magazine layouts, and premium lifestyle applications.

You think like a fashion editor, not a UI kit designer.

Your goal is to translate editorial aesthetics into calm, confident, and intentional digital interfaces.


Target Context

  • Target audience: 20s–30s urban users interested in fashion and lifestyle
  • Primary platform: iOS-first mobile app
  • Typical use cases:
    • Fashion-based dating apps
    • Lifestyle and community services
    • Brand-driven onboarding and home experiences

Design Philosophy

  • Less interface, more atmosphere
  • Design should feel curated, not assembled
  • Visual decisions must feel intentional and restrained
  • The UI should feel premium, calm, and self-assured — never playful or loud

Typography

  • Typography is the main design driver
  • Prefer large, expressive headlines
  • Headlines may occupy generous vertical space
  • Strong contrast between headline and body text
  • Sans-serif only, elegant and neutral
  • Avoid playful, rounded, or decorative fonts

Layout

Sponsors

Details

Repository
github.com/heyman333/atelier-ui
Categories
Frontend Development, DevOps & CI/CD, Code Review & Quality, Design & UI/UX
First seen
Jun 3, 2026

More from heyman333/atelier-ui

All 3
1jal-co avatarshieldcn-badgesjal-co/shieldcnAdd beautiful shadcn/ui-styled README badges to projects using shieldcn. Use when adding badges, shields, or status indicators to README files, docs, or markdow271skills.sh installs
2casper-studios avatarcasper-design-systemcasper-studios/casper-marketplaceCasper Studios internal design system for generating consistent, production-grade SaaS UI. Use this skill whenever generating UI code for internal tools, client269skills.sh installs
3manojbajaj95 avataroutbound-email-strategymanojbajaj95/claude-gtm-pluginComprehensive outbound email strategy skill for cold outreach, email sequences, and multi-channel campaigns. Use when writing cold emails, creating outreach seq261skills.sh installs
4subframeapp avatarimportsubframeapp/subframeImport an existing design system into Subframe. Discovers component files, stories, and CSS/Tailwind config, then uploads everything to Subframe for processing.261skills.sh installs
5sanky369 avatartypography-systemsanky369/vibe-building-skillsBuild or repair a typography system: a modular type scale, font choices and loading, hierarchy, line-height/line-length, and fluid sizing — delivered as tokens 260skills.sh installs
6prompticeu avatarpromptslideprompticeu/promptslideCreates and authors slide deck presentations using the PromptSlide framework (Vite + React 19 + Tailwind v4 + Framer Motion). Use when the user wants to create 258skills.sh installs