swiss-editorial-design

Creates grid-led editorial layouts for web and slides from briefs using Svelte/Tailwind.

Updated Nov 25, 2024
One-click install
npx skills add https://github.com/PS-Wizard/Dotfiles --skill swiss-editorial-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiss-editorial-design
Source: https://github.com/PS-Wizard/Dotfiles/tree/main/config/pi/skills/swiss-editorial-design
Command: npx skills add https://github.com/PS-Wizard/Dotfiles --skill swiss-editorial-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Translate briefs into disciplined editorial compositions with a strongly grid-first approach, crisp typography, and restrained aesthetics, then provide implementation guidance for Svelte and Tailwind.

Core Features & Use Cases

  • Grid-first editorial workflows: defines message hierarchy, visual modes, grid and typographic systems, and dominant moves to produce poster-like web and slide layouts.
  • Reference-driven implementation: includes access to visual-dna, layout-recipes, examples, qa-checklist, and svelte-tailwind guidelines to ensure consistency.
  • End-to-end guidance: from concept to code, with motion, texture, and composition rules tailored to Swiss editorial design.

Quick Start

Provide a project brief and I will generate a complete Swiss-editorial design concept with a dominant move, grid plan, and a ready-to-implement spec.

Frequently Asked Questions about swiss-editorial-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a grid-led editorial layout from a project brief?

To create a grid-led editorial layout from a brief, define the message hierarchy, visual modes, grid setup, and typographic system to produce a structured design concept ready for Svelte and Tailwind implementation.

What is the Swiss editorial design workflow for web layouts?

The Swiss editorial design workflow enforces a grid-first approach by defining message hierarchy, visual modes, a dominant move, and typographic system to generate disciplined poster-like web and slide layouts.

Can I use this grid-first editorial design approach for slide decks and posters?

Yes, the grid-first editorial design approach applies directly to producing slide decks and posters, applying a disciplined grid and restrained editorial typography to your visual compositions.

How do I implement Swiss-style typography in Svelte and Tailwind?

You can implement Swiss-style typography in Svelte and Tailwind using the provided visual-dna, layout-recipes, and svelte-tailwind guidelines to ensure crisp typographic systems and consistent composition rules.

What is the best way to plan a dominant move for an editorial design composition?

The best way to plan a dominant move for editorial design is to define the message hierarchy and grid setup first, ensuring the primary visual focal point aligns with the Swiss-style restrained aesthetic.

Does this editorial design workflow require any external dependencies?

No, this editorial design workflow operates without external dependencies, relying entirely on internal reference components like visual-dna, layout-recipes, examples, and a qa-checklist to guide Svelte and Tailwind implementation.