CommunityRédaction et éditiongithub.com

voltawake/grid-typesetting-systems

Une compétence Claude pour la composition typographique éditoriale à la grille suisse sur le Web : grille à 12 colonnes + base de 8 px, bandes de sous-grille, superposition de grille, alignement optique et vérificateur d'adhérence à 0 px. Réemballée à partir des compétences gratuites d'Hyperagent.

Qu'est-ce que grid-typesetting-systems ?

Cette compétence Claude automatise la mise en place d'une composition typographique éditoriale basée sur la grille suisse (Swiss Grid) dans le développement web. Elle permet de générer une grille responsif à 12 colonnes avec une ligne de base de 8px, des bandes de sous-grille (subgrid bands), une superposition visuelle de la grille (grid overlay), un alignement optique des éléments, et un vérificateur d'adhérence à 0px pour garantir la précision pixel parfaite. Utile pour les designers et développeurs web front-end qui souhaitent appliquer une rigueur de mise en page typographique de qualité éditoriale directement dans leur CSS ou leurs systèmes de design. La compétence fonctionne dans l'interface Claude et peut être utilisée avec des prompts dédiés pour générer du code CSS personnalisé ou vérifier la conformité d'une implémentation existante.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add voltwake/grid-typesetting-systems

Installed? Explore more Rédaction et édition skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait grid-typesetting-systems ?

Une compétence Claude pour la composition typographique éditoriale à la grille suisse sur le Web — grille à 12 colonnes + base de 8 px, bandes de sous-grille, superposition de grille, alignement optique et vérificateur d'adhérence à 0 px. Réemballée à partir des compétences gratuites d'Hyperagent.

Skills associés

steipete/notion

Notion CLI/API for pages, Markdown content, data sources, files, comments, search, Workers, and raw API calls.

community

langchain-ai/langchain

The agent engineering platform.

community

bytedance/podcast-generation

Use this skill when the user requests to generate, create, or produce podcasts from text content. Converts written content into a two-host conversational podcast audio format with natural dialogue.

community

composiohq/twitter-algorithm-optimizer

Analyze and optimize tweets for maximum reach using Twitter's open-source algorithm insights. Rewrite and edit user tweets to improve engagement and visibility based on how the recommendation system ranks content.

community

composiohq/competitive-ads-extractor

Extracts and analyzes competitors' ads from ad libraries (Facebook, LinkedIn, etc.) to understand what messaging, problems, and creative approaches are working. Helps inspire and improve your own ad campaigns.

community

upstash/context7

Context7 Platform -- Up-to-date code documentation for LLMs and AI code editors

community
← More Rédaction et édition skills