CommunityBildgithub.com

tw93/design

Erzeugt unverwechselbare, produktionsreife Benutzeroberflächen für Seiten, Komponenten, visuelle Schnittstellen, Typografie und Screenshot-basierte Verfeinerungen.

Was ist design?

Diese Fertigkeit ist speziell für die Erstellung und Verbesserung von Benutzeroberflächen (UI) konzipiert, mit einem Fokus auf Ästhetik, Konsistenz und Produktionsqualität. Sie deckt ein breites Spektrum ab: von der Gestaltung einzelner Seiten und Komponenten über die Entwicklung visueller Schnittstellen und die Optimierung der Typografie bis hin zur Verfeinerung des Designs auf Basis von Screenshots. Der Hauptvorteil liegt darin, dass die Fertigkeit automatisch erkennt, wann eine UI-Verbesserung gewünscht wird – unabhängig von der Sprache der Anfrage. Sie ist ideal, wenn ein Benutzer sich darüber beschwert, dass ein Bildschirm unklar, hässlich, inkonsistent oder visuell falsch aussieht. Die Fertigkeit ist auf Plattformen wie Claude Code, Cursor und Codex einsetzbar und arbeitet, indem sie UI-Bewertungen mit praktischen Code-Verbesserungen verbindet, die direkt in das Projekt integriert werden können. Sie ist nicht für Backend-Logik oder Datenpipelines geeignet.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/tw93/waza/tree/main/skills/design

Installed? Explore more Bild skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

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 design?

Erzeugt unverwechselbare, produktionsreife Benutzeroberflächen für Seiten, Komponenten, visuelle Schnittstellen, Typografie und Screenshot-basierte Verfeinerungen. Verwenden Sie diese Fertigkeit, wenn Benutzer in einer beliebigen Sprache nach UI, Seite, Komponente, Frontend, Typografie oder Screenshot-gestützter visueller Optimierung fragen, oder wenn sie sich darüber beschweren, dass ein Bildschirm unklar, hässlich, inkonsistent oder visuell falsch aussieht. Nicht geeignet für Backend-Logik oder Datenpipelines.

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

tw93/check

Reviews code diffs, PRs, issue queues, release readiness, commits, pushes, publishing, and project audits. Use when users ask review/看看代码/合并前/看看issue/PR/release/push or to implement an approved plan, with safety gates for dirty and untracked worktrees. Not for exploring ideas, debugging root causes, or prose review.

tw93/health

Runs a budget-aware agent-assisted engineering health audit for instruction/config drift, hooks/MCP, verifier surfaces, and AI maintainability. Use when users ask 检查claude/检查codex/检查pi/配置检查/健康度 or report agents ignoring instructions, missing validation, or code becoming hard to maintain. Not for debugging code or reviewing PRs.

tw93/hunt

Finds root cause before applying fixes for errors, crashes, regressions, failing tests, broken behavior, and screenshot-reported defects. Use when users report in any language errors, crashes, broken behavior, regressions, failing tests, screenshot evidence, or something that used to work and now fails. Not for code review or new features.

tw93/learn

Runs a six-phase research workflow that turns unfamiliar domains, source bundles, or collected material into publish-ready output. Use when users ask in any language to research, study, deep-dive, compile sources, synthesize unfamiliar material, or turn a source bundle into a coherent reference. Not for quick lookups or single-file reads.

tw93/read

Reads URLs and PDFs by fetching source content, defaulting to concise summaries for plain read requests and clean Markdown when asked to convert, save, quote, cite, or feed downstream work. Use when users ask 看这个链接/读一下/read this/check this URL. Not for local text files already in the repo.

tw93/think

Turns rough ideas into approved, decision-complete plans with validated structure before coding. Use when users ask in any language for planning, architecture, design direction, feasibility, value judgment, or whether a feature is worth doing before implementation. Not for bug fixes or small edits.

tw93/write

Rewrites and polishes prose in Chinese or English, removes AI-like wording, and reviews product localization copy while preserving intent for drafts, docs, release notes, launch copy, and social posts. Use when users ask in any language to draft, rewrite, proofread, localize, polish release notes, remove AI-like wording, or prepare launch and social copy. Not for code comments, commit messages, or inline docs.

Verwandte Skills

steipete/songsee

Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.

community

affaan-m/frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.

community

mattpocock/improve-codebase-architecture

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

community

lobehub/add-provider-doc

Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.

community

addyosmani/browser-testing-with-devtools

Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.

community

bytedance/chart-visualization

This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.

community
← More Bild skills