Community画像github.com

aj-geddes/ワイヤーフレームプロトタイピング

ワイヤーフレームとインタラクティブプロトタイプを作成し、ユーザーインターフェースを視覚化して早期にフィードバックを収集します。開発前にデザインアイデアを伝えるためのツールとテクニックを使用します。

ワイヤーフレームプロトタイピング とは?

このスキルは、ワイヤーフレームとインタラクティブプロトタイプを作成するための専門的な支援を提供します。開発の初期段階でユーザーインターフェースのアイデアを視覚化し、関係者やユーザーから早期にフィードバックを得ることができます。このスキルは、ワイヤーフレーム作成ツール(Figma、Sketch、Balsamiqなど)やプロトタイピングツール(InVision、Framer、Axure RPなど)と連携して、デザイン案を迅速に具現化します。また、ペーパープロトタイピングやローファイプロトタイピングのような低忠実度手法から、クリック可能なハイファイプロトタイプまで、幅広い手法をサポートします。このスキルを使用することで、開発前にユーザビリティの問題を特定し、デザインの方向性を確認し、開発コストと時間を削減できます。Claude Code、Cursor、CodexなどのAIエージェントプラットフォームと統合可能で、デザイナーと開発者のコラボレーションを促進します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/aj-geddes/useful-ai-prompts/tree/main/skills/wireframe-prototyping

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

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

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

ドキュメント

ワイヤーフレームプロトタイピング は何をしますか?

ワイヤーフレームとインタラクティブプロトタイプを作成し、ユーザーインターフェースを視覚化して早期にフィードバックを収集します。開発前にデザインアイデアを伝えるためのツールとテクニックを使用します。

Individual skills in this repo

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

aj-geddes/android-kotlin-development

Develop native Android apps with Kotlin. Covers MVVM with Jetpack, Compose for modern UI, Retrofit for API calls, Room for local storage, and navigation architecture.

aj-geddes/ansible-automation

Infrastructure automation and configuration management using Ansible playbooks, roles, and inventory. Use for deploying applications, patching, and managing servers.

aj-geddes/architecture-diagrams

Create system architecture diagrams using Mermaid, PlantUML, C4 model, flowcharts, and sequence diagrams. Use when documenting architecture, system design, data flows, or technical workflows.

aj-geddes/code-review-analysis

Perform comprehensive code reviews with best practices, security checks, and constructive feedback. Use when reviewing pull requests, analyzing code quality, checking for security vulnerabilities, or providing code improvement suggestions.

aj-geddes/flask-api-development

Develop lightweight Flask APIs with routing, blueprints, database integration, authentication, and request/response handling. Use when building RESTful APIs, microservices, or lightweight web services with Flask.

aj-geddes/ios-swift-development

Develop native iOS apps with Swift. Covers MVVM architecture, SwiftUI, URLSession for networking, Combine for reactive programming, and Core Data persistence.

aj-geddes/jenkins-pipeline

Build Jenkins declarative and scripted pipelines with stages, agents, parameters, and plugins. Implement multi-branch pipelines and deployment automation.

aj-geddes/markdown-documentation

Master markdown formatting, GitHub Flavored Markdown, README files, and documentation formatting. Use when writing markdown docs, READMEs, or formatting documentation.

aj-geddes/nginx-configuration

Configure Nginx web server for high-performance reverse proxy, load balancing, SSL/TLS, caching, and API gateway functionality.

aj-geddes/nodejs-express-server

Build production-ready Express.js servers with middleware, authentication, routing, and database integration. Use when creating REST APIs, managing requests/responses, implementing middleware chains, and handling server logic.

aj-geddes/rest-api-design

Design RESTful APIs following best practices for resource modeling, HTTP methods, status codes, versioning, and documentation. Use when creating new APIs, designing endpoints, or improving existing API architecture.

関連スキル