Communitygithub.com

qza/css-reduction-methodology

Eine mehrphasige Methodik zur Umwandlung einer bestehenden CSS-Codebasis von seitenbezogenem Chaos zu einem tokenisierten Primitive-System. Fünf aufeinander aufbauende Phasen mit expliziten Entscheidungsregeln. Claude Code / Claude Agent Skill.

Was ist css-reduction-methodology?

Der Skill 'qza/css-reduction-methodology' bietet eine strukturierte, fünfphasige Methodik zur systematischen Reduktion und Neustrukturierung einer bestehenden CSS-Codebasis. Das Ziel ist es, von unorganisierten, seitenbezogenen CSS-Regeln („page-bound chaos“) zu einem wartbaren, tokenisierten System von CSS-Primitiven zu gelangen – einem System, das auf Design-Tokens und wiederverwendbaren Basisbausteinen aufbaut. Jede Phase folgt klaren Entscheidungsregeln, was eine schrittweise und nachvollziehbare Migration ermöglicht, ohne das bestehende System abrupt zu ersetzen. Der Skill unterstützt Plattformen wie Claude Code und Claude Agent und ist für Entwicklerteams gedacht, die ihre CSS-Architektur professionalisieren, die Konsistenz im UI-Design verbessern und langfristige technische Schulden in Stylesheets reduzieren möchten.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add qza/css-reduction-methodology
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht css-reduction-methodology?

Eine mehrphasige Methodik zur Weiterentwicklung einer bestehenden CSS-Codebasis von seitenbezogenem Chaos hin zu einem tokenisierten Primitivsystem. Fünf gestaffelte Phasen mit expliziten Entscheidungsregeln. Claude Code / Claude Agent Skill.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community