Was macht jp-web-design-guardrails?
Claude Code-Fähigkeit. Leitplanken für die Erstellung japanisch-kompatibler Web-Oberflächen mit korrekter CJK-Typografie, Formulardesign, UX-Texten, Barrierefreiheit und produktionsreifem CSS.
Claude Code-Fähigkeit. Leitplanken für die Erstellung japanisch-kompatibler Web-Oberflächen mit korrekter CJK-Typografie, Formulardesign, UX-Texten, Barrierefreiheit und produktionsreifem CSS.
Diese Skill bietet einen umfassenden Satz von Leitplanken und Best Practices für die Entwicklung von Web-Oberflächen, die speziell für die japanische Sprache und den CJK-Schriftraum (Chinesisch, Japanisch, Koreanisch) optimiert sind. Sie deckt kritische Aspekte ab, die oft übersehen werden, darunter korrekte CJK-Typografie (z.B. geeignete Schriftarten, Zeilenabstände und Schriftgrößen), Formulardesign mit Berücksichtigung japanischer Texteingabe und Platzierung von Labels, UX-Kopien (Schaltflächen, Meldungen und Fehlertexte) sowie Anforderungen an die Barrierefreiheit für japanischsprachige Nutzer. Die Skill enthält außerdem produktionsreifes CSS, das direkt in Projekte übernommen werden kann, und stellt sicher, dass das visuelle Layout und die Interaktivität den kulturspezifischen Erwartungen entsprechen. Sie ist als Erweiterung für Claude Code konzipiert, kann aber auch als Referenz für andere Kontexte (Cursor, Codex) nützlich sein. Die Skill arbeitet auf Grundlage einer SKILL.md-Dokumentation, die detaillierte Anleitungen und Codebeispiele zur einfachen Integration in den Entwicklungs-Workflow bereitstellt.
npx skills add mrslbt/jp-web-design-guardrailsClaude Code-Fähigkeit. Leitplanken für die Erstellung japanisch-kompatibler Web-Oberflächen mit korrekter CJK-Typografie, Formulardesign, UX-Texten, Barrierefreiheit und produktionsreifem CSS.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
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".
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.
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".