Results for “prototype”

Guided multi-page redesign of an existing website through a four-phase pipeline — extract (crawl and capture the current site), direct (set a visual direction), prototype (generate redesigned HTML), and migrate (emit a deployable static site). Tracks progress incrementally per page in stardust/state.json so redesigns are resumable. Delegates the per-page design craft (typography, spacing, color, layout, motion) to the impeccable skill. Use when the user wants to redesign, revamp, modernize, or restyle an existing site they can point to by URL, run the extract/direct/prototype/migrate flow, or resume a multi-page redesign. Not for designing a brand-new site from scratch or one-off single-component edits.

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

Clarifies the purpose, preferences, and constraints of a new feature or project through conversation. When useful, it offers mockups or temporary prototypes, then captures an agreed description or written design before implementation begins.

• Clarifying the purpose of a new feature
• Organizing ideas for a talk or business
• Comparing screen or room layouts visually

Plan work too large for one agent session by mapping decisions and their dependencies in an issue tracker. Resolve questions one at a time, preserve the reasoning, and identify what must be settled before execution can begin.

• Planning a large effort across multiple agent sessions
• Organizing unresolved questions and their dependencies
• Sharing decisions and context with collaborators

Publish a Cloudflare Worker to a temporary live URL without creating an account first. The skill covers deployment, checking the response, updating the code, and handing over an ownership link before the 60-minute expiry.

• Share a live URL for a Worker prototype
• Deploy during a session without browser sign-in
• Check live responses after each code change

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

Publish static websites and built web apps to GitHub Pages, Cloudflare Pages, or Netlify. The workflow includes preview approval, git-tagged deployment versions, live URL checks, and restoring an earlier version when an update needs reversing.

• Publish a portfolio or documentation site
• Share a dashboard or prototype through a public URL
• Update an existing site with a recorded deployment version

Build document search with Chroma, a database that stores text as numerical representations of meaning. Save and update documents, filter by metadata, and connect retrieval to AI applications using LangChain or LlamaIndex.

• Build document search based on meaning
• Prototype AI answers grounded in retrieved documents
• Store and reload document data locally

Create full-screen animated visuals with WebGL, a browser technology for GPU rendering. Combine shaders, 3D scenes, or particles with a text overlay, and deliver the result as one self-contained HTML file without external requests.

• Create a website hero animation
• Build generative art with a headline
• Prototype a 3D scene or particle field

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

Create a three-screen mobile onboarding prototype showing a welcome screen, app benefits, and sign-in options. The HTML page presents three phone frames side by side, with status bars, pagination dots, and primary action buttons.

• Designing a meditation app's welcome flow
• Reviewing how an app introduces its benefits
• Presenting a flow from welcome to sign-in

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

Review HTML pages, presentations, or prototypes across five design dimensions. Receive evidence-backed scores, a radar chart, and practical lists of what to keep, fix, or improve quickly, all packaged in a single self-contained HTML report.

• Reviewing a landing page before delivery
• Checking the readability and navigation of an HTML presentation
• Comparing two versions of a design

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 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

Design desktop landing page prototypes with varied layouts, large typography, dense grids, and GSAP animations tied to scrolling. Pages follow an attention-to-action structure, with explicit checks for heading length, grid completeness, and button text contrast.

• Prototyping a landing page with scroll animations
• Exploring varied hero layouts and typography
• Designing a compact grid without empty cells

Build a mobile login prototype as a standalone HTML file. Choose phone and SMS verification, password login, or external account sign-in, with labeled inputs, password visibility controls, and clear loading and error states.

• Prototyping phone and SMS sign-in
• Designing password login screens
• Reviewing external account sign-in options

Create HTML artifacts for claude.ai using React, Tailwind CSS, and shadcn/ui. This skill supports building elaborate interfaces with multiple components, helping turn a web prototype request into a structured, styled artifact.

• Creating an HTML artifact for claude.ai
• Prototyping an interface with multiple components
• Building an artifact with React and shadcn/ui

Create explainer, demo, or marketing videos from a written idea using HeyGen's Video Agent. It handles scripts, avatars, visuals, voiceover, pacing, and captions, then provides a download URL when generation finishes.

• Create a product demo from a written description
• Turn an explanatory topic into a video
• Draft a marketing video

Prepare a design handoff package for a developer using Claude Code. It documents screen layouts, visual details, interactions, and state requirements in a README.md, alongside reference files for implementation in the target app.

• Handing HTML prototypes to a developer
• Documenting precise visual details for implementation
• Explaining screen interactions and state requirements

Use Hugging Face Transformers to load pretrained models, generate text, and classify text, images, or audio. Prepare model inputs, control generation settings, and fine-tune models on custom datasets with the Trainer API.

• Prototype text, image, or audio classification
• Configure text generation and conversational responses
• Fine-tune a model on a custom dataset

Build and check clinical machine learning workflows with PyHealth, from loading electronic health records, signals, or images to training and evaluation. Includes patient-level data splits, prediction task checks, model checkpoints, and medical code mapping.

• Prototype mortality and readmission prediction models
• Check patient splits and data leakage
• Train and evaluate sleep staging models

Find which companion skill to use next and in what order. This guide maps ideas, prototypes, requirements, issues, implementation, and session handoffs into practical workflows based on the current development situation.

• Choose a starting point for a development idea
• Plan a build spanning multiple sessions
• Find a workflow for incoming bug reports

Coordinate multiple skills to deliver a SaaS prototype, audit web security, build an AI agent, test browser behavior, or design a domain model. Verify each step before continuing and report completed work with supporting evidence.

• Delivering a SaaS minimum viable product
• Running a web application security audit
• Building an AI agent system with checkpoints