CommunityImagegithub.com

tw93/design

Produit des interfaces utilisateur distinctives et de qualité production pour les pages, composants, interfaces visuelles, typographie et polissage à partir de captures d'écran.

Qu'est-ce que design ?

Cette compétence (skill) est conçue pour les agents IA spécialisés dans le développement frontend, comme Claude Code, Cursor ou Codex. Elle permet de générer des interfaces utilisateur (UI) de qualité production, distinctives et soignées, que ce soit pour des pages web, des composants, des interfaces visuelles, de la typographie ou le polissage d'interfaces à partir de captures d'écran. L'agent analyse les demandes des utilisateurs, quelle que soit la langue, pour créer ou améliorer l'aspect visuel d'un écran, d'une page ou d'un composant. La compétence est particulièrement utile lorsque l'utilisateur demande explicitement une UI, un composant frontend, un travail de typographie, ou lorsqu'il se plaint qu'un écran semble flou, moche, incohérent ou visuellement incorrect. Elle ne doit pas être utilisée pour la logique backend ou les pipelines de données. Le nom 'tw93/design' fait référence à un outil ou un ensemble de principes de design qui garantit des résultats esthétiques et professionnels.

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

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

Demander à votre IA préférée

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

Documentation

Que fait design ?

Produit des interfaces utilisateur distinctives et de qualité production pour les pages, composants, interfaces visuelles, typographie et polissage à partir de captures d'écran. À utiliser lorsque les utilisateurs demandent, dans n'importe quelle langue, une UI, une page, un composant, du frontend, de la typographie, un polissage visuel à partir d'une capture d'écran, ou lorsqu'ils se plaignent qu'un écran semble flou, moche, incohérent ou visuellement incorrect. Pas pour la logique backend ou les pipelines de données.

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.

Skills associés