线框原型设计 是做什么的？
创建线框和交互式原型，以便在开发前可视化用户界面并及早收集反馈。使用工具和技术在开发前传达设计理念。
创建线框和交互式原型，以便在开发前可视化用户界面并及早收集反馈。使用工具和技术在开发前传达设计理念。
该技能专注于线框和交互式原型的创建，允许您在投入实际开发之前可视化用户界面并收集早期反馈。它特别适用于产品经理、UX设计师和开发人员，支持包括Figma、Sketch、Adobe XD在内的多种设计工具，以及Balsamiq和Axure RP等线框专用工具。通过利用该技能，您可以快速迭代设计概念，以低保真度线框图或高保真度交互式模型的形式传达想法，从而在早期阶段识别可用性问题并确保利益相关者达成共识。其工作流程通常涉及定义用户流程、构建屏幕布局、添加导航逻辑以及导出可共享的交互式原型。最终，这能减少开发返工，加快产品上市时间，并确保最终产出更紧密地匹配用户需求。
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.