·editorial-designer
*

editorial-designer

heyman333/atelier-ui

Create distinctive, production-grade frontend interfaces with high editorial design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

17Installs·0Trend·@heyman333

Installation

$npx skills add https://github.com/heyman333/atelier-ui --skill editorial-designer

SKILL.md

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.

Create distinctive, production-grade frontend interfaces with high editorial design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics. Source: heyman333/atelier-ui.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/heyman333/atelier-ui --skill editorial-designer
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is editorial-designer?

Create distinctive, production-grade frontend interfaces with high editorial design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics. Source: heyman333/atelier-ui.

How do I install editorial-designer?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/heyman333/atelier-ui --skill editorial-designer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/heyman333/atelier-ui

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-01