본문으로 건너뛰기
cccskills

'prototyping' 검색 결과

108건 · 관련도순

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-design10.3만2026년 10월 20일 업데이트

gpt-taste

무료

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-design10.3만2026년 10월 20일 업데이트

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-design10.3만2026년 10월 20일 업데이트

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-design10.3만2026년 10월 20일 업데이트

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-design10.3만2026년 10월 20일 업데이트

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/ruflo7.7만2026년 10월 19일 업데이트

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/OpenMontage7만2026년 10월 17일 업데이트

chroma

무료

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-templates3.3만2026년 10월 20일 업데이트

clip

무료

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-templates3.3만2026년 10월 20일 업데이트

langchain

무료

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-templates3.3만2026년 10월 20일 업데이트

webapp

무료

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/suna2만2026년 10월 19일 업데이트

langchain

무료

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-SKILLs1.4만2026년 10월 11일 업데이트

chroma

무료

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-SKILLs1.4만2026년 10월 11일 업데이트

convex

무료

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/clawhub9.5천2026년 10월 19일 업데이트

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-anything9.2천2026년 10월 13일 업데이트

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-anything9.2천2026년 10월 13일 업데이트

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-anything9.2천2026년 10월 13일 업데이트

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/plugins7.5천2026년 10월 8일 업데이트

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-skills7.1천2026년 10월 17일 업데이트

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/skills5.7천2026년 10월 20일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

foryourhealth111-pixel/Vibe-Skills3.7천2026년 10월 20일 업데이트

Design unbiased survey instruments — question wording, scales, and sampling — to measure attitudes at scale. Use when you need quantitative breadth. For behavioural experiments, use `a-b-test-design` (prototyping-testing).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Design a usability study — research questions, methodology, participant criteria, metrics, and facilitation guide. Use when planning the study as a whole. For writing the task scenarios inside it, use `test-scenario` (prototyping-testing).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Owl-Listener/designer-skills3천2026년 9월 6일 업데이트