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
nexu-io/open-design☆ 102.7KUpdated Oct 20, 2026
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
nexu-io/open-design☆ 102.7KUpdated Oct 20, 2026
Design minimalist web interfaces with warm monochrome colors, clear typographic hierarchy, generous spacing, and flat card grids. Use muted pastel accents and subtle motion to create an editorial layout for product interfaces.
- Prototyping a minimalist product interface
- Organizing feature cards in an asymmetric grid
- Unifying typography, spacing, and colors
nexu-io/open-design☆ 102.7KUpdated Oct 20, 2026
Design industrial-style web interfaces using rigid grids, dramatic type sizes, compact data displays, and red accents. Choose a light print-inspired layout or a dark terminal aesthetic, with textures that mimic paper or older screens.
- Prototyping a data-heavy dashboard
- Designing a print-inspired portfolio
- Creating a dark terminal-style interface
nexu-io/open-design☆ 102.7KUpdated Oct 20, 2026
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
nexu-io/open-design☆ 102.7KUpdated Oct 20, 2026
Measure code performance and run benchmarks to investigate slow operations, regressions, or memory pressure. Establish a baseline, compare results under matching conditions, report variability, and rerun correctness tests after optimization.
- Investigate slow operations
- Compare performance before and after a change
- Measure performance when memory pressure occurs
ruvnet/ruflo☆ 77.6KUpdated Oct 20, 2026
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
calesthio/OpenMontage☆ 70.2KUpdated Oct 17, 2026
Build document search and AI retrieval workflows with Chroma, a database for numerical representations of text. Cover document storage, meaning-based search, metadata filters, persistence, and connections to LangChain and LlamaIndex.
- Building document search based on meaning
- Adding document retrieval to AI answers
- Filtering search results by document attributes
davila7/claude-code-templates☆ 32.8KUpdated Oct 20, 2026
Build image classification and search workflows by comparing images with text descriptions. Covers classification without additional training, similarity scoring, batch processing, and storing image representations in a vector database for retrieval.
- Classifying images without additional training
- Searching image collections with text descriptions
- Comparing images with candidate descriptions
davila7/claude-code-templates☆ 32.8KUpdated Oct 20, 2026
Build AI applications with LangChain, including chatbots with conversation history and systems that search documents before answering. The skill provides examples for connecting models, calling tools, retrieving information, and tracing application runs.
- Building a chatbot that uses conversation history
- Creating a question-answering system for documents
- Developing an agent that calls external tools
davila7/claude-code-templates☆ 32.8KUpdated Oct 20, 2026
Build web applications from a bundled Express, Vite, React, Tailwind CSS, and Drizzle ORM template. Follow a schema-first workflow to create pages, backend APIs, and connected forms, with guidance for styling, testing, and deployment.
- Building a dashboard with data displays
- Creating an admin panel with forms and APIs
- Prototyping an online store
kortix-ai/suna☆ 20.3KUpdated Oct 20, 2026
Guides building chatbots and tool-using agents with LangChain. Covers conversation history, model provider integration, and RAG, which retrieves relevant documents to inform answers, plus tracing to inspect application behavior.
- Build a chatbot that remembers conversation history
- Create document question answering with source references
- Build an agent that uses custom tools
Orchestra-Research/AI-Research-SKILLs☆ 13.8KUpdated Oct 11, 2026
Build document search and AI retrieval workflows with Chroma, a database for numerical representations of text. Cover document storage, meaning-based search, metadata filters, persistence, and connections to LangChain and LlamaIndex.
- Building document search based on meaning
- Adding document retrieval to AI answers
- Filtering search results by document attributes
Orchestra-Research/AI-Research-SKILLs☆ 13.8KUpdated Oct 11, 2026
Route Convex development and operations requests to the relevant specialist skills and current procedures, covering app setup, backend features, code reviews, authorization checks, production monitoring, data migrations, and cost analysis.
- Start a new full-stack app with Convex
- Add authentication, billing, or search to an existing app
- Review backend code and authorization
openclaw/clawhub☆ 9.5KUpdated Oct 20, 2026
Create a social media dashboard prototype for creators, with platform switching, follower and engagement metrics, a growth chart, and a weekly top-post preview. A side panel provides space for trending topics and popular comments.
- Prototyping a creator's social media dashboard
- Planning a view of follower growth and engagement
- Arranging popular posts, topics, and comments together
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a bold web prototype inspired by Swiss industrial print, using a newsprint background, thin grid lines, oversized black headings, and giant numbers. Red accents and ASCII line decorations give the layout a stark, authoritative appearance.
- Prototyping a bold desktop website
- Exploring layouts with oversized numbers and headings
- Designing pages inspired by industrial print
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a clickable product landing page prototype with navigation, feature cards, usage steps, testimonials, and optional pricing. Include responsive layouts, hover effects, scroll animations, and expandable FAQ sections to demonstrate the intended experience.
- Prototyping a product landing page
- Reviewing navigation and button interactions
- Checking mobile and desktop layouts
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Clarify what a product interface should be and what users should accomplish before design or prototyping begins. Ask only about missing information, summarize the brief and assumptions, then continue into the appropriate design workflow.
- Clarifying goals before designing a new interface
- Defining the purpose and scope of a redesign
- Organizing requirements before building from a screenshot
openai/plugins☆ 7.5KUpdated Oct 8, 2026
Plan and build frontend interfaces through guided questions, visual references, and agreed design choices. Define colors, typography, and layout before coding, then implement small sections for review, with optional Google Stitch prototyping.
- Clarifying a visual direction before building a page
- Designing dashboards from references and brand guidelines
- Reviewing improvements to an existing interface
tech-leads-club/agent-skills☆ 7.1KUpdated Oct 17, 2026
Run small C# apps without creating a project, using the .NET CLI, its command-line tool. Use it to test language features, explore APIs, or prototype utilities with helper files and NuGet packages.
- Trying C# language features or APIs
- Prototyping logic before project integration
- Building a small utility with helper files
dotnet/skills☆ 5.7KUpdated Oct 20, 2026
Production-ready reinforcement learning algorithms (PPO, SAC, DQN, TD3, DDPG, A2C) with scikit-learn-like API. Use for standard RL experiments, quick prototyping, and well-documented algorithm implementations. Best for single-agent RL with Gymnasium environments. For high-performance parallel training, multi-agent systems, or custom vectorized environments, use pufferlib instead.
The English summary is being prepared. Showing the original description.
foryourhealth111-pixel/Vibe-Skills☆ 3.7KUpdated Oct 20, 2026
Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you have a design or build to assess now. Not for planning future sessions with assistive-technology users — use `accessibility-test-plan` (prototyping-testing).
The English summary is being prepared. Showing the original description.
Owl-Listener/designer-skills☆ 3KUpdated Sep 6, 2026
Facilitate a structured team critique — framing, feedback rules, and actionable outcomes. Use when running a session with people in the room. For a solo expert review, use `heuristic-evaluation` (prototyping-testing).
The English summary is being prepared. Showing the original description.
Owl-Listener/designer-skills☆ 3KUpdated Sep 6, 2026
Read funnels, retention curves, and event data as a designer — separating a design problem from a tracking artefact. Use when handed product data you did not design and asked why people drop off. For choosing what to measure, use `metrics-definition` (ux-strategy); for running a controlled test, use `a-b-test-design` (prototyping-testing).
The English summary is being prepared. Showing the original description.
Owl-Listener/designer-skills☆ 3KUpdated Sep 6, 2026