본문으로 건너뛰기
cccskills

'components' 검색 결과

2.3천건 · 관련도순

vitepress

무료

Build documentation sites from Markdown with VitePress, then configure navigation, search, and themes. The skill also covers embedding Vue components, organizing multilingual content, and preparing deployment settings for supported hosting platforms.

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

  • Build a documentation site from Markdown
  • Customize navigation, search, and themes
  • Embed Vue components in documentation
antfu/skills6천2026년 10월 9일 업데이트

Build soft, clay-like interface components using rounded corners and layered shadows. Includes CSS variables and examples for cards, buttons, inputs, and toggles, with guidance for dark mode, readable text contrast, and visible keyboard focus.

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

  • Designing soft, dimensional cards and buttons
  • Giving inputs and toggles a consistent appearance
  • Adapting clay-like components for dark mode
fengshao1227/ccg-workflow5.9천2026년 10월 19일 업데이트

Create and organize Claude Code plugins with guidance on configuration files, commands, agents, skills, hooks, and MCP servers. Learn where components belong, how automatic loading works, and how to reference files across different installation locations.

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

  • Create the directory structure for a new plugin
  • Organize commands, agents, skills, and hooks
  • Make file references work across installation locations
Galaxy-Dawn/claude-scholar5.9천2026년 10월 19일 업데이트

frontend-design

Vercel 공식무료

Create working web pages, components, and application interfaces with a clear visual direction. The skill connects purpose and audience to typography, color, layout, and motion, producing cohesive designs implemented in frontend code.

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

  • Build a landing page with a clear visual style
  • Refine a dashboard's visual design
  • Create a React component
vercel-labs/open-agents5.9천2026년 8월 29일 업데이트

Build AI chat interfaces with @ant-design/x, a React library of interface components. Get guidance on choosing and combining message bubbles, input boxes, conversation lists, attachments, and source citations, with API references and common implementation pitfalls.

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

  • Build a chat page with message bubbles and an input box
  • Add a conversation list and switching controls
  • Display attachments and source citations
ant-design/x4.8천2026년 10월 12일 업데이트

Create and organize Claude Code plugins with guidance on configuration files, commands, agents, skills, hooks, and MCP servers. Learn where components belong, how automatic loading works, and how to reference files across different installation locations.

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

  • Create the directory structure for a new plugin
  • Organize commands, agents, skills, and hooks
  • Make file references work across installation locations
brycewang-stanford/Auto-Empirical-Research-Skills4.7천2026년 10월 20일 업데이트

coss

무료

Build React interfaces with coss components using documented imports, properties, and composition patterns. It helps select components, implement forms and overlays, preserve accessibility, and address migration mistakes when moving from shadcn/Radix to coss/Base UI.

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

  • Building forms and dialogs with coss
  • Migrating from shadcn/Radix to coss/Base UI
  • Troubleshooting menus, selects, and notifications
crafter-station/petdex4.3천2026년 10월 11일 업데이트

Write Google Ads headlines, descriptions, and responsive search ad components. Create alternative messages for A/B testing, which compares ad versions, and develop copy ideas aimed at improving the click-through rate of existing ads.

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

  • Draft headlines and descriptions for a new ad group
  • Create components for responsive search ads
  • Compare different advertising messages with A/B tests
nowork-studio/notfair-plugin4천2026년 10월 20일 업데이트

Work through topology problems about connectedness, the property of a space having no separation into two nonempty open parts. It outlines proof strategies, path construction, and connected components, with command examples for symbolic calculation and proof tools.

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

  • Choosing a strategy for a connectedness proof
  • Constructing paths between points in a convex set
  • Proving a union of connected sets is connected
parcadei/Continuous-Claude-v33.9천2026년 1월 27일 업데이트

Guide authorized mobile app security testing across stored data, certificate checks, exposed components, and compiled code analysis. The skill organizes scope, alternative investigation paths, reproduction evidence, and completion criteria for findings and unsuccessful tests.

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

  • Define scope for mobile app security testing
  • Organize checks for stored data and exposed app components
  • Choose another investigation path when app protections block testing
Netw0rkNoob/VulnClaw3.8천2026년 10월 12일 업데이트

azure-kusto-graph

Microsoft 공식무료

Build and query Kusto graphs from natural language. Covers transient graphs (make-graph), persistent graph models/snapshots, pattern matching (graph-match), shortest paths, connected components, and graph-to-table export. Generates the edges-first thinking: define edges, define node lookups, union, make-graph. WHEN: make-graph, graph-match, graph-shortest-paths, graph-to-table, graph-mark-components, persistent graph, graph model, graph snapshot, build a graph from data, find paths between nodes, pattern matching in graph, connected components, transient graph, Kusto graph, KQL graph.

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

microsoft/skills3.1천2026년 10월 21일 업데이트

react-dev

무료

This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and routing integration (TanStack Router, React Router).

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

softaworks/agent-toolkit2.6천2026년 3월 6일 업데이트

azure-kusto-graph

Microsoft 공식무료

Build and query Kusto graphs from natural language. Covers transient graphs (make-graph), persistent graph models/snapshots, pattern matching (graph-match), shortest paths, connected components, and graph-to-table export. Generates the edges-first thinking: define edges, define node lookups, union, make-graph. WHEN: make-graph, graph-match, graph-shortest-paths, graph-to-table, graph-mark-components, persistent graph, graph model, graph snapshot, build a graph from data, find paths between nodes, pattern matching in graph, connected components, transient graph, Kusto graph, KQL graph.

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

microsoft/azure-skills1.6천2026년 10월 20일 업데이트

digikey

무료

Search DigiKey for electronic components and download datasheets — primary source for prototype orders and the preferred API method for fetching datasheets. Find parts by keyword or MPN, check pricing/stock, download datasheets via API, analyze specifications. Sync and maintain a local datasheets directory — extract components from schematics, download missing datasheets, keep them up to date. Also supports batch MPN-list seeding (`--mpn-list`) for bulk workflows without a KiCad project. Use when the user asks about electronic components, part specs, datasheets, pricing, stock, footprints, or needs to download a datasheet — even without mentioning "DigiKey". Also for "sync datasheets", "download datasheets for my board/project", or mentions a datasheets directory. DigiKey is the default distributor for prototyping. For BOM workflows, see the bom skill.

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

aklofas/kicad-happy1.5천2026년 10월 15일 업데이트

digikey

무료

Search DigiKey for electronic components and download datasheets — primary source for prototype orders and the preferred API method for fetching datasheets. Find parts by keyword or MPN, check pricing/stock, download datasheets via API, analyze specifications. Sync and maintain a local datasheets directory — extract components from schematics, download missing datasheets, keep them up to date. Also supports batch MPN-list seeding (`--mpn-list`) for bulk workflows without a KiCad project. Use when the user asks about electronic components, part specs, datasheets, pricing, stock, footprints, or needs to download a datasheet — even without mentioning "DigiKey". Also for "sync datasheets", "download datasheets for my board/project", or mentions a datasheets directory. DigiKey is the default distributor for prototyping. For BOM workflows, see the bom skill.

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

hashgraph-online/awesome-codex-plugins1.4천2026년 10월 20일 업데이트

Cascade PCB components, add lumped elements, export Touchstone, and bridge to eye diagram or antenna array workflows. TRIGGER: user asks to cascade or connect multiple RF PCB components, add lumped R/L/C, export S-parameters to Touchstone, or combine PCB elements into a circuit. Invoke BEFORE writing pcbcascade or circuit code — cascade rules and port matching are non-obvious. SKIP: designing individual components (use the specific matlab-design-pcb-* skill), EM analysis of a single component (use matlab-analyze-em), material/stackup setup only (use matlab-manage-pcb-material), optimization (use matlab-optimize-pcb-design).

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

matlab/matlab-agentic-toolkit1.2천2026년 10월 14일 업데이트

This skill should be used when creating a new TDesign React component. It provides a complete SOP for scaffolding components in the packages/components or packages/pro-components directories, including file structure, code patterns, and registration steps.

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

Tencent/tdesign-react9732026년 10월 20일 업데이트

Share state between components that don't have a direct parent-child parameter relationship, using cascading values, scoped services with change events, or CascadingValueSource via DI. USE WHEN the user needs a CascadingParameter or CascadingValue that works across render mode boundaries, a shopping cart or notification count accessible from multiple pages, a theme or user preference cascaded app-wide, or when components in different parts of the tree must react when shared data changes. Also USE WHEN cascading values aren't reaching interactive children in per-page interactivity mode, or when the user needs to understand scoped vs singleton service lifetime for state on Blazor Server. DO NOT USE for direct parent-child parameter passing or EventCallback (see author-component), for persisting state across prerender-to-interactive transitions (see support-prerendering), or for service abstractions for data fetching in Auto/WebAssembly (see fetch-and-send-data).

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

managedcode/dotnet-skills4902026년 10월 20일 업데이트

Validate consistency across SEED Design component documentation layers (design guidelines in ./docs/content/docs/components, Rootage specs in ./packages/rootage/components, and React docs in ./docs/content/react/components). Use when auditing documentation completeness, before releases, or validating new component docs.

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

Microck/ordinary-claude-skills4062026년 9월 7일 업데이트

Drive a Next.js route to instant navigation by setting up an agentic loop, under Cache Components / PPR, on initial load (hard navigation) and client-side navigation (soft navigation). Encode the goal as a failing @next/playwright instant() e2e and work it to green, one verified route at a time; the shipped test then guards against regression. Use when asked to make a route's navigation instant (its static shell commits immediately), fix a route whose static shell isn't prerendered/served/prefetched, grow a route's static shell or fix its slow first paint, diagnose which Suspense boundary keeps a route out of its static shell, or write the instant() e2e guard for one. Requires Next.js 16.3+ with cacheComponents; directs an upgrade if older.

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

Asymmetric-al/core3812026년 10월 21일 업데이트

Expert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, streaming, bundle optimization, and Server Components best practices. Use when optimizing Next.js applications for Core Web Vitals (LCP, INP, CLS), implementing next/image and next/font, configuring caching with unstable_cache and revalidateTag, converting Client Components to Server Components, implementing Suspense streaming, or analyzing and reducing bundle size. Supports Next.js 16 + React 19 patterns.

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

giuseppe-trisciuoglio/developer-kit3602026년 9월 10일 업데이트

Generate React components with TypeScript, proper props, hooks, and accessibility. Use when creating new React components, UI elements, or refactoring existing components.

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

OneWave-AI/claude-skills3582026년 10월 20일 업데이트

Use this skill for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer. This includes building components and pages, but equally covers debugging and fixing frontend issues: CSS/Tailwind classes not applying, form validation behavior, hydration mismatches between server and client renders, styling bugs, layout shifts, and rendering problems. Also use for refactoring components (e.g., splitting Server vs Client Components), data fetching patterns, state management, bundle optimization, and frontend tooling. If the problem involves what users see or interact with in a web browser — whether building, fixing, or refactoring — use this skill. Not for backend APIs, databases, infrastructure, or DevOps.

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

avibebuilder/claude-prime1192026년 5월 17일 업데이트

Decide which plugin component type to use and how to organize components at scale. Covers the component lifecycle (discovery and activation phases), decision framework for choosing between commands, skills, agents, hooks, and MCP servers, and organization patterns for each component type. Use when asking "which component type should I use", "command vs skill vs agent", "when to use a hook vs MCP server", "component lifecycle", "how to organize plugin components", "plugin structure patterns", or "scale a plugin with many components".

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

Jamie-BitFlight/claude_skills672026년 10월 20일 업데이트