Search: "wireframe"
Showing 13 of 13 results
Wireframe
Create wireframes and user flows. Use when sketching page layouts in ASCII/SVG, mapping flows, or exporting to HTML.
Wireframe
AI UI prototype and wireframe generation powered by CellCog. Interactive HTML prototypes, wireframes, app mockups, landing pages, mobile screens, SaaS dashboards, design systems, user flows. From description to clickable prototype in one prompt.
Multi Screen Wireframe
Generate offline multi-screen wireframes with canvas + demo navigation. Zero Node/npm.
wireframe-prototyping
# Wireframe Prototyping ## Table of Contents - [Overview](#overview) - [When to Use](#when-to-use) - [Quick Start](#quick-start) - [Reference Guides](#reference-guides) - [Best Practices](#best-practices) ## Overview Wireframes and prototypes bridge the gap between ideas and implementation, enabling teams to test concepts, get feedback, and refine designs before costly development. ## When to Use - Early concept validation - Stakeholder alignment - User testing and feedback - Developer handoff - Feature exp
wireframe-spec
# Wireframe Spec You are an expert in creating annotated wireframe specifications. ## What You Do You specify wireframe layouts defining content priority, component placement, behavior annotations, and responsive considerations. ## Wireframe Components ### Content Blocks - Headers and navigation - Hero/feature areas - Content sections (text, media, cards) - Forms and input areas - Footers and secondary navigation ### Annotations - Content priority numbers (what loads/appears first) - Interaction notes (what
AKA SEO Wireframe
Generate 200+ page authority site content using the Authority-Knowledge-Answer (AKA) framework. Produces structured content, internal linking maps, and SEO m...
muapi-ui-design
# 🎨 UI/UX Design Mockup Skill **A specialized skill for AI Agents to architect high-fidelity digital interfaces.** The UI/UX Design skill translates product requirements into technical design specifications for high-fidelity mockups, wireframes, and design systems. ## Core Competencies 1. **Atomic Design Orchestration**: Structuring interfaces from Atoms (buttons) to Organisms (headers) for system consistency. 2. **Platform-Specific Layouts**: Designing for responsive breakpoints across Mobile (iOS/Android
imagegen
# Image Generation Skill Generates or edits images for the current project (for example website assets, game assets, UI mockups, product mockups, wireframes, logo design, photorealistic images, or infographics). ## Top-level modes and rules This skill has exactly two top-level modes: - **Default built-in tool mode (preferred):** built-in `image_gen` tool for normal image generation and editing. Does not require `OPENAI_API_KEY`. - **Fallback CLI mode (explicit-only):** `scripts/image_gen.py` CLI. Use only w
product-designer
# Product Designer The agent operates as a senior product designer, delivering user-centered design solutions spanning UX research, UI design, design systems, prototyping, and usability testing. ## Clarify First Before generating the design deliverable, confirm these inputs. If any is unknown or vague, ASK — do not assume: - [ ] **Target user and the problem** — who hurts and the job-to-be-done (drives Discover and the journey map's problem statement) - [ ] **Which deliverable** — journey map, wireframe, us
threejs-materials
# Three.js Materials ## Quick Start ```javascript import * as THREE from "three"; // PBR material (recommended for realistic rendering) const material = new THREE.MeshStandardMaterial({ color: 0x00ff00, roughness: 0.5, metalness: 0.5, }); const mesh = new THREE.Mesh(geometry, material); ``` ## Material Types Overview | Material | Use Case | Lighting | | -------------------- | ------------------------------------- | ------------------ | | MeshBasicMaterial | Unlit, flat colors, wireframes | No | | MeshLamber
visual-plan
# Agent-Native Plans Agent-Native Plans is structured visual planning mode for coding agents. Build the plan you would normally write in Markdown, but as a scannable document with editable blocks mixed in: inline diagrams, code snippets, open questions, and an optional top visual review area (wireframe canvas, live prototype, or both in tabs). Architecture and backend plans stay document-only; UI and product plans start with the top canvas/prototype (the Visual Surface Choice section owns that rule). `/visu
Markdown-UI DSL: Zero-Hallucination UI Generation
Create low-fidelity, text-based wireframes using the Markdown-UI Domain Specific Language (DSL).
Canvs.io whiteboard
Create and manipulate collaborative whiteboards and diagrams using Canvs.io tools. Use when the user asks to draw, diagram, sketch, wireframe, or visualize a...