Community画像github.com

bencium/design-audit

プレミアムなUI/UXデザイン監査と改良スキル。既存アプリの体系的なビジュアル監査を実施し、フェーズ別の実装可能なデザインプランを作成します。

design-audit とは?

このスキルは、既存のアプリケーションやインターフェースのビジュアルデザインを体系的に監査し、改善のための実装可能なフェーズ別デザインプランを生成する高度なUI/UXデザイン監査ツールです。ユーザーが「デザインレビュー」「UIの改善」「見た目の洗練」「デザインの一貫性確認」「視覚的階層の修正」「スペーシング/タイポグラフィ/カラーの調整」などを依頼した際に自動的にトリガーされます。このスキルは純粋にビジュアル面に特化しており、機能性、ロジック、機能自体には一切変更を加えません。Claude Code、Cursor、CodexなどのAIエージェントプラットフォーム上で動作し、アプリのスクリーンショットやコードから現状のデザインを分析し、スペーシング、タイポグラフィ、カラーパレット、視覚的階層、コンポーネントの一貫性などを評価します。評価結果に基づいて、優先順位付けされた改善案(クイックウィン、ミディアム改善、大規模リファインメント)を提供し、各改善に必要な具体的なコード変更やCSS調整を含む実装準備済みのプランを提示します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/bencium/bencium-marketplace/tree/main/skills/design-audit

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

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

design-audit は何をしますか?

プレミアムなUI/UXデザイン監査と改良スキル。既存アプリの体系的なビジュアル監査を実施し、フェーズ別の実装可能なデザインプランを作成します。このスキルは、ユーザーがUIの監査、アプリのビジュアルデザイン改善、インターフェースの洗練やプレミアム感の向上、デザインの一貫性確認、視覚的階層の修正、スペーシング/タイポグラフィ/カラーの調整を依頼したときに使用してください。また、ユーザーが「デザインレビュー」「見た目を良くして」「UIの磨き上げ」「ビジュアルリファインメント」「デザインパス」「デザインの監査」と言ったり、アプリをよりプロフェッショナルに見せることに言及した場合にもトリガーされます。このスキルは純粋にビジュアル面のみを対象とし、機能性、ロジック、機能には一切触れません。既存のものを向上させます。

Individual skills in this repo

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

bencium/adaptive-communication

Use when detecting ambiguous user intent, hedging language, open-ended framing, personal context before requests, or when unsure whether user wants exploration vs direct answer. Applies to all conversations.

bencium/agentic-ux-design---relationship-centric-interfaces

Design AI-first interfaces that build ongoing relationships through memory, trust evolution, and collaborative planning, not just isolated screen interactions

bencium/bencium-aeo

Generate AEO-optimized content (Answer Engine Optimization) for AI search visibility - ChatGPT, Claude, Gemini, AI Overviews. Use when optimizing websites for AI citations, creating FAQ schemas, evidence panels, or analyzing content for LLM extraction readiness.

bencium/bencium-code-conventions

Bence's code style, tech stack, and workflow conventions

bencium/bencium-controlled-ux-designer

Expert UI/UX design guidance for unique, accessible interfaces. Use for visual decisions, colors, typography, layouts. Always ask before making design decisions. Use this skill when the user asks to build web components, pages, or applications.

bencium/bencium-impact-designer

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics. Based on Anthropic's Frontend Designer Skill

bencium/bencium-innovative-ux-designer

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

bencium/human-architect-mindset

Systematic architectural thinking for irreplaceable human capabilities - domain modeling, systems thinking, constraint navigation, and AI-aware problem decomposition. Use proactively when detecting architectural decisions, system design discussions, or multi-component planning.

bencium/negentropy-lens

A decision-support framework that evaluates systems, architectures, and strategies through the entropy (decay) vs negentropy (growth) lens, while surfacing tacit knowledge gaps. Use this skill whenever the user is making architecture decisions, evaluating system designs, reviewing technical approaches, choosing between options, auditing existing systems, or planning strategies. Also trigger when the user explicitly asks to "apply the negentropy lens", mentions "entropy", "negentropy", "tacit knowledge", "knowledge engine", or "flip the switch". Nudge activation when you detect the user is at a decision point — even if they haven't asked for this lens — by briefly noting the entropic/negentropic dimension before proceeding.

bencium/renaissance-architecture

Software architecture and UI/UX principles for building genuinely new solutions, not derivative work. Use when designing features, architecting software, brainstorming apps, reviewing designs, or during strategy discussions. Focuses on first-principles thinking, simplicity where it matters, and creating rather than commenting.

bencium/ui-typography

Professional typography rules for UI design, web applications, software interfaces, and all screen-based text. Enforces timeless typographic correctness that LLMs consistently get wrong: proper quote marks, dashes, spacing, hierarchy, and layout. ENFORCEMENT MODE: When generating ANY HTML, CSS, React, JSX, or UI code containing visible text, auto-apply every rule in this skill silently — do not ask, do not explain, just produce correct typography. AUDIT MODE: When reviewing or improving existing interfaces or legacy code, flag violations and provide fixes. Trigger on: any HTML/CSS/React artifact creation, "build a landing page", "create a component", "design a UI", "fix the typography", "make this look professional", "review this layout", web design, presentation design, dashboard creation, document generation, or any task producing visible text for humans. Even if the user doesn't mention typography, apply these rules whenever generating UI output.

bencium/vanity-engineering-review

Reviews codebases, architectures, PRs, and technical plans for vanity engineering — code and systems built for the developer's ego, resume, or intellectual pleasure rather than delivering user or business value. Triggers on: "review this code", "is this over-engineered", "code review", "architecture review", "complexity audit", "vanity check", "is this necessary", "simplify this", "tech debt review", or any request to evaluate whether code or architecture is justified by actual requirements. Also trigger when the user shares a codebase and asks for feedback, when discussing framework/library choices, when reviewing PRs, or when someone is debating whether to refactor or rebuild. Nudge activation when you detect patterns of unnecessary abstraction, premature optimization, or resume-driven technology choices in code the user shares — even if they haven't asked for a vanity review.

関連スキル