와이어프레임 프로토타이핑은(는) 무엇을 하나요?
와이어프레임과 인터랙티브 프로토타입을 생성하여 사용자 인터페이스를 시각화하고 초기 피드백을 수집합니다. 개발 전에 설계 아이디어를 전달하기 위한 도구와 기술을 사용합니다.
와이어프레임과 인터랙티브 프로토타입을 생성하여 사용자 인터페이스를 시각화하고 초기 피드백을 수집합니다. 개발 전에 설계 아이디어를 전달하기 위한 도구와 기술을 사용합니다.
이 스킬은 개발자와 설계자가 사용자 인터페이스를 빠르게 시각화하고 반복적인 피드백을 받을 수 있도록 와이어프레임과 인터랙티브 프로토타입을 생성하는 데 도움을 줍니다. 개발 초기 단계에서 설계를 검증하고 의사소통 비용을 줄이는 것이 핵심 목표입니다. 지원하는 플랫폼으로는 Figma, Sketch, Adobe XD와 같은 주요 디자인 도구와의 통합을 염두에 두고 있으며, Claude Code와 같은 AI 에이전트 환경에서도 사용할 수 있습니다. 이 스킬은 SKILL.md 문서에 기반하여 와이어프레임 생성, 프로토타입 링크 연결, 사용자 테스트 준비 등의 작업을 안내하며, 설계 의도를 명확히 전달하고 개발 리스크를 최소화하는 데 기여합니다.
npx skills add https://github.com/aj-geddes/useful-ai-prompts/tree/main/skills/wireframe-prototypingInstalled? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
와이어프레임과 인터랙티브 프로토타입을 생성하여 사용자 인터페이스를 시각화하고 초기 피드백을 수집합니다. 개발 전에 설계 아이디어를 전달하기 위한 도구와 기술을 사용합니다.
This repo contains 11 individual skills — each has its own dedicated page.
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.
Infrastructure automation and configuration management using Ansible playbooks, roles, and inventory. Use for deploying applications, patching, and managing servers.
Create system architecture diagrams using Mermaid, PlantUML, C4 model, flowcharts, and sequence diagrams. Use when documenting architecture, system design, data flows, or technical workflows.
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.
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.
Develop native iOS apps with Swift. Covers MVVM architecture, SwiftUI, URLSession for networking, Combine for reactive programming, and Core Data persistence.
Build Jenkins declarative and scripted pipelines with stages, agents, parameters, and plugins. Implement multi-branch pipelines and deployment automation.
Master markdown formatting, GitHub Flavored Markdown, README files, and documentation formatting. Use when writing markdown docs, READMEs, or formatting documentation.
Configure Nginx web server for high-performance reverse proxy, load balancing, SSL/TLS, caching, and API gateway functionality.
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.
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.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
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.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
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.
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.