본문으로 건너뛰기
cccskills

'html' 검색 결과

2.4천건 · 관련도순

archify

무료요약 있음AI 평가 90점

문장이나 Mermaid를 시스템 구성과 업무 흐름을 담은 대화형 HTML 도표로 변환합니다. 검색, 관계 추적, 이미지와 영상 내보내기를 지원하고 아홉 항목의 검증 결과를 제공합니다.

  • 대화형 시스템 구성도를 공유합니다
  • 업무 절차와 데이터 흐름을 시각화합니다
  • Mermaid를 HTML 도표로 변환합니다
NousResearch/hermes-agent25.5만2026년 10월 19일 업데이트

Create a horizontal-swipe HTML deck for an operating review, organizing growth, cash burn, and sustainability around leadership decisions. Use supplied layouts and the active design system to produce a single index.html file.

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

  • Preparing an operating review for leadership
  • Creating a board pre-read for a decision
  • Presenting growth and cash burn in HTML slides
nexu-io/open-design10.3만2026년 10월 19일 업데이트

Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.

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

  • Creating interfaces with multiple components
  • Building artifacts with changing data and multiple views
  • Sharing a React app as a single HTML file
ComposioHQ/awesome-claude-skills7.7만2026년 9월 18일 업데이트

visualize

무료

Creates self-contained HTML charts, tables, diagrams, and dashboards for display within a conversation. It keeps figures traceable to calculations and checks readability in light and dark themes, including narrow mobile layouts, before showing the page.

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

  • Explaining numerical findings with charts
  • Presenting comparisons as tables or diagrams
  • Showing a dashboard within a conversation
code-yeongyu/oh-my-openagent7만2026년 10월 19일 업데이트

Package the current design into one downloadable HTML file that works offline. It gathers images, styles, scripts, and other assets, prepares a loading preview, and checks the bundled page for missing resources and runtime errors.

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

  • Share a design as a single HTML file
  • Save web content for offline viewing
  • Bundle images, styles, and scripts together
asgeirtj/system_prompts_leaks7만2026년 10월 16일 업데이트

Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.

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

  • Creating interfaces with multiple components
  • Building artifacts with changing data and multiple views
  • Sharing a React app as a single HTML file
davila7/claude-code-templates3.3만2026년 10월 18일 업데이트

Upload local images, HTML pages, and Markdown design documents to a Stitch project. The included Python script sends files directly over HTTP, avoiding the text output limits that can interrupt transfers through MCP tools.

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

  • Upload local mockup images to Stitch
  • Add extracted HTML pages to a Stitch project
  • Upload Markdown design documents
google-labs-code/stitch-skills8.5천2026년 8월 18일 업데이트

html-demo

무료

Create live HTML product demos that show an app’s workflow inside a Mac-style window. Reproduce real interface text and results, animate a scripted pointer, and support step navigation, scrubbing, and consistent frozen frames.

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

  • Adding an animated app demo to a landing page
  • Explaining a feature through step-by-step UI playback
  • Replacing UI recordings or GIFs with live HTML
MengTo/Skills6.8천2026년 10월 18일 업데이트

Turn long Markdown reports into a single HTML page with a design shaped by the subject. Reorganize text, evidence, and charts for easier reading while preserving the source’s factual claims and the strength of its conclusions.

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

  • Turning an industry analysis into a shareable web page
  • Reorganizing research notes around findings and evidence
  • Presenting weekly reports and retrospectives as web pages
OpenSenseNova/SenseNova-Skills5.8천2026년 10월 9일 업데이트

apple-notes

무료요약 있음AI 평가 100점

에이전트에서 macOS의 Apple Notes 메모를 생성, 검색, 편집, 삭제합니다. 폴더 간 이동과 HTML 또는 Markdown 내보내기도 지원합니다.

  • 제목을 지정해 메모를 만듭니다
  • 폴더 지정이나 유사 검색으로 메모를 찾습니다
  • 메모를 편집하고 폴더별로 정리합니다
openclaw/openclaw39.2만2026년 10월 19일 업데이트

anatomy

무료요약 있음AI 평가 100점

추상적인 개념이나 원리를 움직이는 손잡이와 바늘이 있는 정밀한 기계로 표현하고, 비스듬히 내려다보는 조작형 설명도를 HTML, SVG, React용으로 제작합니다.

  • 움직이는 기계로 추상 개념 설명
  • 기술 글에 조작형 설명도 추가
  • 독립 실행형 HTML 설명 자료 제작
NousResearch/hermes-agent25.5만2026년 10월 19일 업데이트

Build HTML slides for an OpenDesign live demo, showing how a short prompt becomes a runnable design. Organize the presentation, visual direction, speaker notes, and animations using the supplied deck template.

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

  • Preparing an OpenDesign live demo for developers
  • Explaining an AI workflow to prospective customers
  • Building HTML slides with speaker notes
nexu-io/open-design10.3만2026년 10월 19일 업데이트

Build an HTML sales presentation for a design team's product rollout decision. Use the product-launch template to organize the proposal, develop slide content, and prepare speaker notes for internal sharing and presentation.

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

  • Propose a product rollout to a design team
  • Prepare slides for design leads and IT stakeholders
  • Create a proposal that an internal champion can forward
nexu-io/open-design10.3만2026년 10월 19일 업데이트

Turn personal experiences and beliefs into a story-based HTML presentation using a pastel card template. Develop the slide plan, written content, visual direction, and speaker notes for a community talk with a clear narrative arc.

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

  • Prepare a talk about personal beliefs
  • Shape a year of experiences into a story
  • Create pastel-themed HTML slides
nexu-io/open-design10.3만2026년 10월 19일 업데이트

Build an HTML fundraising presentation for accelerator partners and angel investors. Organize the opening hook, traction, competitive advantage, and funding request into slides using a dedicated template, with speaker notes and presentation controls.

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

  • Prepare a Demo Day fundraising presentation
  • Explain traction and competitive advantage to investors
  • Build an HTML deck with speaker notes
nexu-io/open-design10.3만2026년 10월 19일 업데이트

Review HTML to find important fonts, images, and scripts discovered late during loading. Suggest resource hints, instructions that start fetching or connecting earlier, and check the final markup delivered to the browser.

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

  • Reviewing preload hints for important fonts and images
  • Checking early connections to third-party domains
  • Auditing resource hints in rendered HTML
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review how a web page loads scripts and identify tags that interrupt HTML parsing. Get guidance on choosing defer, async, or type=module, with checks focused on the HTML actually delivered to the browser.

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

  • Checking script tags that delay page rendering
  • Choosing between defer, async, and type=module
  • Reviewing HTML generated by shared components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

charset

무료

Review the HTML delivered to browsers for a correct UTF-8 character encoding declaration. Find missing or misplaced charset tags in templates and rendered pages, then position the declaration early to help prevent garbled multilingual text.

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

  • Investigating garbled Japanese or special characters
  • Checking character encoding declarations before release
  • Reviewing HTML output from shared templates
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

publish

무료

Turn stored knowledge pages into self-contained HTML files for sharing research, briefings, or travel plans. The workflow removes internal metadata and links, applies password protection by default, and offers optional cloud upload and expiring access links.

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

  • Sharing research with external recipients
  • Preparing a deal memo for sharing
  • Sending a briefing about a person
garrytan/gbrain3.1만2026년 10월 19일 업데이트

Create charts, dashboards, scorecards, and styled summaries as standalone HTML reports for the screenpipe viewer. Keep styles, scripts, and images inside the file so the report renders in a sandbox with no network access.

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

  • Create a visual report of daily work time
  • Present key metrics in a dashboard
  • Summarize results with charts and scorecards
screenpipe/screenpipe2.2만2026년 10월 19일 업데이트

Build a single HTML product showcase with real content displayed inside CSS-drawn iPhone and optional MacBook screens. Use supplied HTML, text, or data, with perspective, reflections, highlights, and optional gentle rotation.

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

  • Create a visual for a product launch
  • Present an app inside an iPhone-style screen
  • Show mobile and desktop designs together
nexu-io/html-anything9.2천2026년 10월 13일 업데이트

Add Preline UI components and ready-made page sections to HTML files through the Preline MCP server. The skill guides component selection, CSS and script placement, and assembly of pages containing multiple components.

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

  • Adding a Preline UI component to an existing HTML file
  • Building a page from ready-made sections
  • Assembling a dashboard with multiple components
htmlstreamofficial/preline6.5천2026년 8월 31일 업데이트

diagram-maker

무료요약 있음AI 평가 100점

개념, 업무 흐름, 소프트웨어와 클라우드 구성을 도표로 정리합니다. 브라우저에서 여는 SVG 포함 HTML이나 편집 가능한 Excalidraw 파일로 저장합니다.

  • 학습 자료의 개념을 도표로 설명할 때
  • 업무 흐름을 순서도로 만들 때
  • 소프트웨어와 클라우드 구성도 작성
openclaw/openclaw39.2만2026년 10월 19일 업데이트

design

무료요약 있음AI 평가 80점

로고, 명함 완성 예상도, 슬라이드, 배너, 소셜 미디어 이미지와 아이콘을 제작합니다. 브랜드 색상과 글꼴 규칙을 정하고 화면 디자인에도 반영합니다.

  • 로고와 명함 완성 예상도 제작
  • 여러 소셜 미디어용 이미지 준비
  • HTML 제안 슬라이드 제작
nextlevelbuilder/ui-ux-pro-max-skill13.8만2026년 10월 15일 업데이트