Communitygithub.com

Finem-Group/design-consultation

デザインコンサルテーション:製品を理解し、市場を調査し、完全なデザインシステム(美学、タイポグラフィ、色彩、レイアウト、スペーシング、モーション)を提案し、フォントとカラーのプレビューを生成します...(gstack)

design-consultation とは?

このスキルは、AIエージェントがデザインコンサルタントとして機能し、製品の理解、市場調査、および完全なデザインシステムの提案を行うためのものです。主にClaude CodeやCursorなどのAIエージェントプラットフォームで使用されることを想定しており、開発者やプロダクトチームが一貫性のあるビジュアルデザインを迅速に確立するのに役立ちます。スキルは、製品の目的と対象ユーザーを分析した後、競合やトレンドを調査し、美学、タイポグラフィ、色彩、レイアウト、スペーシング、モーションを含む包括的なデザインシステムを提案します。さらに、提案されたフォントとカラーのプレビューを生成することで、チームが実際の視覚効果を確認しながら意思決定できるように支援します。これにより、デザイナーと開発者間のコミュニケーションギャップを埋め、効率的なデザインプロセスを実現します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Finem-Group/Engineering/tree/main/plugins/finem-core/upstream/gstack/design-consultation

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

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

ドキュメント

design-consultation は何をしますか?

デザインコンサルテーション:製品を理解し、市場を調査し、完全なデザインシステム(美学、タイポグラフィ、色彩、レイアウト、スペーシング、モーション)を提案し、フォントとカラーのプレビューを生成します...(gstack)

Individual skills in this repo

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

Finem-Group/finem-agent-engineering

Use when this project's work involves Original agent skill evaluation and MCP server engineering specialists — covers testing, api contracts. Loads the original anthropic skills bundled with this pack.

Finem-Group/finem-angular

Use when this project's work involves Version-aware Angular application implementation — covers frontend, performance, accessibility. Loads the original addy, angular skills bundled with this pack.

Finem-Group/finem-backend-rust

Use when this project's work involves Rust ownership, errors, testing and performance conventions — covers backend, reliability/resilience, testing. Loads the original apollo skills bundled with this pack.

Finem-Group/finem-engineering

Use when coordinating engineering work in this project: selecting which original upstream skill to follow for discovery, architecture, frontend, backend, data, infrastructure, testing, security, release or operations work, and resolving its original file paths and tools.

Finem-Group/finem-intent-audit

Use when this project's work involves Compare documented boundaries to implemented behavior — covers documentation/runbooks, code review/quality gates, security. Loads the original pm skills bundled with this pack.

Finem-Group/finem-next-cache

Use when this project's work involves Next 16.3+ instant-navigation tests for apps already building with Cache Components — covers frontend, performance. Loads the original next skills bundled with this pack.

Finem-Group/finem-product-analytics

Use when this project's work involves Metrics definitions and cohort-based feedback alongside provider instrumentation — covers product analytics/feedback. Loads the original pm skills bundled with this pack.

Finem-Group/finem-swiftui

Use when this project's work involves SwiftUI API, state, navigation and accessibility — covers frontend, performance, accessibility. Loads the original addy, swiftui skills bundled with this pack.

Finem-Group/impeccable

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, la

関連スキル