Results for “prototyping”

CAD fundamentals, 3D printing (FDM/SLA/SLS), CNC machining, workshop skills, rapid prototyping methodology, and testing of physical prototypes. Covers fidelity levels, material selection for prototypes, dimensional tolerancing, assembly planning, and the iterate-test loop. Use when building prototypes, selecting fabrication methods, planning physical tests, or choosing between prototyping technologies.

The English summary is being prepared. Showing the original description.

Use this skill whenever the user wants to use AI agents to work with Penpot design files via the Penpot MCP Server. Triggers include: using Penpot through an AI agent, design files, design systems, design tokens, Penpot MCP, design-to-code, generating UI from design, auditing a design system, creating components/variants, renaming layers, exporting assets from Penpot, adding flows, interactions, animations, overlays, or prototyping in Penpot, or prompting an AI agent to read/modify a Penpot file. Also triggers when the user wants to set up Penpot MCP, connect any MCP-compatible AI agent or IDE to Penpot, or produce production-ready HTML/CSS/React from a Penpot design. Use this skill for Penpot-agent workflows — design, code, audit, prototyping, or setup.

The English summary is being prepared. Showing the original description.

Use with the dstack skill for model-serving work when the image, serving command, resources, backend/fleet choice, or service behavior is not proven. Guides task-first prototyping on real hardware, choosing fleets/backends that can reuse idle instances and caches, checking vLLM/SGLang sources, and verifying the final dstack service with a model request.

The English summary is being prepared. Showing the original description.

Configure Simulink models for Embedded Coder (ERT), Simulink Coder (GRT rapid-prototyping), or AUTOSAR code generation. Use when the user asks to generate embedded C or C++ code, run a full build of a model, produce a code generation report, configure a model for production/ECU deployment or rapid-prototyping code, target ARM or x86 hardware, apply MISRA C/C++ compliance (ERT/AUTOSAR only — Simulink Coder does not ship MISRA profiles), or set up GRT, ERT, AUTOSAR, or shared-library targets. Handles target selection, hardware mapping, model hierarchy propagation, and constraint introspection via the configure_for_codegen function. Do NOT use for GRT shared-library variants (grt_malloc.tlc), DDS, or ROS, or for iterative optimization workflows that measure baseline metrics, apply targeted changes, and re-measure to confirm improvement.

The English summary is being prepared. Showing the original description.

Product design across UI/UX, design systems, prototyping, and user research. Use when creating user journey maps, building wireframes, defining design tokens and component systems, planning usability tests, or establishing design principles.

The English summary is being prepared. Showing the original description.

Engineering design cycle covering requirements elicitation, specifications writing, constraint identification, iterative prototyping, and design communication. Spans the full loop from problem definition through ideation, analysis, prototyping, testing, and redesign. Includes morphological charts, TRIZ, Pugh matrices, design reviews, and the distinction between functional and non-functional requirements. Use when framing engineering problems, generating design alternatives, writing specifications, or running design reviews.

The English summary is being prepared. Showing the original description.

Generate novel UI from a text prompt via Stitch AI. Exports Tailwind/HTML, produces DESIGN.md for mk:frontend-design handoff. NOT for implementing existing designs — use mk:figma or mk:frontend-design for that.

The English summary is being prepared. Showing the original description.

Work the prototyping lab itself — where runs live, what a run is, how to promote a run into the checked example library, and how to add a new runtime (Processing in Rust, Cinder) in one module. Use when asked to add a language or framework to the lab, to turn a prototype into a reusable example, to find or tidy what is in the lab, or when the lab's folder or catalog needs explaining.

The English summary is being prepared. Showing the original description.

Build agent memory with Pinecone by storing searchable representations of conversations and documents. Retrieve relevant past context for answers, organize memory by session or user, and prototype semantic search that finds information by meaning.

• Building agent memory that persists across sessions
• Adding retrieved context to agent answers
• Organizing memory separately for each user

Draft simple black-and-white screen layouts as standalone SVG files, with numbered explanations of each area. For multiple screens, create a flow overview and an optional static viewer page for browsing and zooming during review.

• Sketch a screen layout before implementation
• Review mobile and desktop screen structure
• Map a flow across multiple screens

Build a website prototype as a single HTML file using a supplied template and section layouts. Suitable for landing pages, pricing pages, and documentation indexes, with colors adapted to an existing design system.

• Prototyping a product landing page
• Creating a pricing comparison page
• Designing a documentation index

Create an HTML prototype of a social media analytics dashboard for creators. It uses consistent sample data to show platform metrics, follower growth, a top post, trending topics, and comments, with styling drawn from your design system.

• Prototyping a creator analytics dashboard
• Designing a screen for metrics across social platforms
• Displaying follower growth and a top post

Build a single HTML visualizer for particles, fractals, simulations, or data. It moves heavy calculations into a Web Worker, a background browser process, and draws on a canvas while targeting smooth 60fps rendering.

• Prototyping a particle or physics simulation
• Visualizing Mandelbrot or Julia fractals
• Building an audio or data visualizer

Creates web prototypes inspired by Swiss industrial print, using newsprint backgrounds, oversized black type, fine grid lines, and red accents. It suits editorial pages, agency portfolios, and manifesto sites with a precise, assertive visual style.

• Prototyping a newspaper-style editorial page
• Designing an agency portfolio
• Building a manifesto site

Create soft, polished web prototypes with silver or cream backgrounds, nested card borders, rounded surfaces, and carefully specified motion. The skill defines page sections, buttons, navigation, and mobile layouts for a consistent visual style.

• Prototyping a calm SaaS website
• Creating a soft visual style for a consumer product site
• Building a feature page with cards and prominent action buttons

Create an HTML pricing page with plan cards, a feature comparison table, expandable FAQs, and action buttons. The skill adapts the number of plans to the brief and follows the project's colors, typography, and component patterns.

• Prototyping a subscription pricing page
• Comparing features across service plans
• Presenting personal and business options

Build a trading analysis dashboard as a single HTML file, with dense market panels and interactive charts. Include light and dark themes, Live/Demo controls, chart focus views, and a keyboard command menu for navigating the interface.

• Prototyping a financial analysis terminal
• Presenting a dashboard with dense market panels
• Demonstrating chart tooltips and focus views

Prototype a single-screen kanban task board in HTML, with columns for work stages, task cards, assignee avatars, estimates, and filters. A sprint summary highlights progress, leading assignees, and blocked tasks for a team overview.

• Prototyping a team's sprint board
• Designing a task overview with assignees and estimates
• Exploring a board layout with filters and search

Prototype a documentation page in one HTML file, with navigation, an article, and a linked table of contents. Includes realistic explanatory text, command examples, code, and tables, plus layouts that adapt to narrower screens and right-to-left text.

• Prototyping an API reference page
• Designing a tutorial with commands and code
• Planning a guide with navigation and a table of contents

Create a single-screen desktop dashboard for dating, matchmaking, or community products. It combines key metrics, a community ticker, match charts, and sidebar navigation in one HTML document, using editorial typography, generous spacing, and a restrained accent color.

• Prototyping a dating service dashboard
• Designing a community activity overview
• Displaying mutual matches and match-rate trends

Create a desktop admin or analytics dashboard prototype in one self-contained HTML file. Follow an existing design system to arrange navigation, key metric cards, charts, and a supporting table or chart.

• Prototyping a sales dashboard
• Exploring a traffic or usage analytics screen
• Designing an operations control panel

Build a FlowAI-style team management dashboard with member tables, activity history, summary metrics, and charts. The result is a self-contained HTML prototype with working tabs, light and dark themes, panel zoom, chart tooltips, and CSV export.

• Prototyping a team management dashboard
• Presenting role distribution and online presence
• Reviewing member details and activity across tabs

Build a floating contact widget as a single HTML file, with a welcome screen, social links, meeting booking link, and offline form. The message field provides an interface that can optionally connect to a backend.

• Adding a contact widget to a portfolio
• Grouping social links and meeting booking
• Showing a contact form while unavailable

Write and lay out a long article as a single HTML page. Combine clear headings, image placeholders, highlighted quotations, author information, and related posts, using the active design system to create a magazine-style reading experience.

• Prototyping a long-form blog article page
• Presenting a case study with figures and quotations
• Designing an article page around an existing design system