본문으로 건너뛰기
cccskills

'html' 검색 결과

2.5천건 · 관련도순

Create a Swiss-inspired presentation page as a single HTML file, using bold typography and geometric cards. The template includes slide navigation, light and dark themes, accent color cycling, and optional annotation overlays without external runtime dependencies.

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

  • Build a presentation-style landing page
  • Create a Swiss-inspired HTML slide deck
  • Present a launch with interactive navigation
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-brief

무료요약 있음AI 평가 90점

모호한 디자인 요청을 색상, 글꼴, 레이아웃 등 여덟 가지 관점으로 구체화합니다. 구현 기준이 될 명세서와 HTML 미리보기를 만들고 보완한 기본값도 명시합니다.

  • 모호한 디자인 요청 구체화
  • 랜딩 페이지 색상, 글꼴과 여백 설계
  • HTML 미리보기로 외관 확인
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Inspect page HTML for metadata tags placed outside the head section, where page settings belong. Identify misplaced tags and guide fixes to templates or scripts that insert them into the body.

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

  • Checking metadata placement after CMS plugin changes
  • Finding metadata inserted into the body by JavaScript
  • Reviewing robots, description, OG, and canonical placement
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review page landmarks, the named regions screen reader users navigate between. The skill checks semantic HTML elements, a single main content region, and labels for repeated region types, then identifies markup changes and ways to verify them.

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

  • Reviewing page structure for screen reader navigation
  • Replacing generic containers with semantic HTML elements
  • Checking labels for multiple navigation regions
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Compare the preferred page URL declared in HTML canonical tags with the one sent in HTTP Link headers. Identify conflicting declarations, recommend consistent values, and explain how to verify the final page and response.

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

  • Comparing HTML and HTTP canonical declarations
  • Investigating conflicting preferred URL signals
  • Reviewing canonical output across routes and templates
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Check HTML for misspelled or nonexistent ARIA attributes, which convey interface information to assistive technology. Replace invalid names with standard attributes and explain how to verify that screen readers can interpret element roles and states.

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

  • Checking HTML for misspelled ARIA attributes
  • Investigating interface states missing from screen reader output
  • Reviewing accessibility attributes in shared components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Create or revise presentation decks using individual HTML slide sources and a shared visual theme. Assemble and check the slides, inspect rendered images, and export to PPTX by default, with PDF or HTML available on request.

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

  • Create a new presentation deck
  • Revise slides in an existing deck
  • Apply a consistent visual theme across slides
asgeirtj/system_prompts_leaks7만2026년 10월 16일 업데이트

Add Claude-powered features, such as summarization, to HTML artifacts using a built-in helper. No SDK or API key is needed, and tools defined in the page can run during a request before the final text is returned.

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

  • Adding text summarization to an HTML prototype
  • Trying AI responses with conversation history
  • Connecting Claude to tools that run within a page
asgeirtj/system_prompts_leaks7만2026년 10월 16일 업데이트

Turn a theme into generative art, artwork created by computational rules, using p5.js. Receive a written artistic philosophy and an interactive HTML viewer with adjustable parameters, reproducible variations, and PNG download controls.

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

  • Creating generative art from a theme
  • Exploring particle and flow-based compositions
  • Comparing reproducible variations using seeds
sickn33/agentic-awesome-skills4.8만2026년 10월 19일 업데이트

Assess a repository’s readiness for AI agents with AgentRC and generate a standalone HTML dashboard. Review scores across nine areas, see prioritized improvements, and optionally apply scoring policies tailored to an organization.

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

  • Assessing a repository’s readiness for AI agents
  • Prioritizing improvements from assessment results
  • Reviewing scores under an organization’s own policy
github/awesome-copilot4만2026년 10월 20일 업데이트

Create animated HTML presentations from notes, a topic, or PowerPoint files. Compare three visual style previews, then build a browser-based deck with a fixed widescreen layout, editable text, and optional PDF export or web publishing.

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

  • Create slides for a talk or pitch
  • Convert PowerPoint slides to HTML
  • Compare visual styles before choosing a design
zarazhangrui/frontend-slides3.1만2026년 6월 24일 업데이트

md-review

무료

Turn a Markdown code review into a single HTML file with code changes beside severity-labeled comments. Readers can jump to findings, inspect line numbers, and identify the named human reviewer.

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

  • Turning a lengthy Markdown code review into HTML
  • Reading code changes beside review comments
  • Jumping directly to findings by severity
alirezarezvani/claude-skills2.8만2026년 8월 30일 업데이트

Convert long Markdown specifications, reports, and plans into a single HTML document with a sticky table of contents, search, section tracking, and code-copy buttons. Apply previously configured brand colors and layout styles.

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

  • Turn long specifications into navigable HTML documents
  • Add search and a table of contents to reports
  • Apply consistent brand styling to technical documents
alirezarezvani/claude-skills2.8만2026년 8월 30일 업데이트

demo-page

무료

Creates two HTML test pages for comparing a released Handsontable version with a local build. Matching configurations and reproduction steps help reviewers visually check bugs, fixes, and new features in isolation.

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

  • Create a minimal page that reproduces a bug
  • Compare a released version with a local fix
  • Prepare manual testing pages for a pull request
handsontable/handsontable2.2만2026년 10월 20일 업데이트

html-plan

무료

Create an interactive HTML implementation plan that connects proposed behavior to mockups, code, and data structures. Readers can explore details, choose options, edit schemas, and return comments before development starts.

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

  • Reviewing a feature plan before development
  • Collecting decisions on implementation options
  • Connecting proposed behavior to code locations
anthropics/claude-plugins-community4.7천2026년 10월 19일 업데이트

consulting-pptx-skill

무료요약 있음AI 평가 90점

경영 회의와 제안용 슬라이드를 설계 규칙과 62종 HTML 구성 요소로 만듭니다. 배치를 검사해 HTML과 PDF로 제공하며, 요청하면 기존 자료의 서식에 맞춘 PPTX도 만듭니다.

  • 경영 회의용 발표 자료 만들기
  • 제안 수치를 표와 그래프로 설명하기
  • 기존 PowerPoint에 페이지 추가하기
carnot-tech/jinba-consulting-pptx-skill1.3천2026년 10월 19일 업데이트

修正完了後に agent-review-kit でレビューHTMLを生成し、ユーザーがブラウザで書いた差分コメントを Codex または Claude Code の同一セッションで受け取り、回答・修正・resolve を未解決0件まで繰り返すレビューループ。AIレビューの指摘を add-comment でブラウザ上のコメントとして表示し、ユーザーが返信した指摘だけ修正する「AIレビューモード」も含む。実装プラン・設計書などの任意HTMLを publish-html でレンダリング済みのまま表示し、要素クリック・テキスト範囲でコメントを受け取る「HTMLレビューモード」も含む。他のレビュースキルの結果の出力先として agent-review-kit が指定された場合も、このスキルを読んで AI レビューモードの手順に従うこと。Use when the user wants to review changes in a browser (GitHub-like diff review), review a rendered HTML doc (plan/design doc) in a browser, iterate on fixes with inline comments, or display AI review findings as browser comments (output target: agent-review-kit).

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

kou000/agent-review-kit42026년 10월 19일 업데이트

plan-canvas

무료요약 있음AI 평가 100점

로컬 계획서나 HTML을 브라우저에서 열어 특정 부분에 대한 주석, 채팅, 승인과 수정 요청을 받습니다. 파일을 저장하면 화면이 갱신되어 검토를 이어갈 수 있습니다.

  • 구현 계획 검토와 승인
  • 디자인에서 수정할 부분 지정
  • 보고서와 비교 자료에 주석 추가
affaan-m/ECC28.4만2026년 10월 20일 업데이트

architecture-diagram

무료요약 있음AI 평가 90점

시스템과 클라우드 구성을 어두운 배경의 구성도로 정리합니다. 구성 요소와 서비스 연결, 보안 경계를 색으로 구분해 브라우저에서 여는 단일 HTML 파일로 만듭니다.

  • 프런트엔드·서버·데이터베이스 관계를 설명할 때
  • 클라우드 리전과 서브넷을 정리할 때
  • 마이크로서비스 연결을 그림으로 나타낼 때
NousResearch/hermes-agent25.5만2026년 10월 19일 업데이트

pr-report

무료요약 있음AI 평가 100점

PR과 대규모 코드 변경을 자세히 검토해 설계 설명, 문제점, 병합 판단을 HTML이나 Markdown으로 정리합니다. 변경 차이뿐 아니라 시스템 전체의 동작도 확인합니다.

  • 대규모 PR을 자세히 검토합니다
  • 변경의 설계와 동작을 이해합니다
  • 유사한 시스템과 설계를 비교합니다
paperclipai/paperclip10.5만2026년 10월 19일 업데이트

Build a trading analysis dashboard as a single HTML file, with dense market panels and interactive charts. Include light and dark themes, Live/Demo controls, chart focus views, and a keyboard command menu for navigating the interface.

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

  • Prototyping a financial analysis terminal
  • Presenting a dashboard with dense market panels
  • Demonstrating chart tooltips and focus views
nexu-io/open-design10.3만2026년 10월 20일 업데이트

humanize-ppt

무료요약 있음AI 평가 90점

메모나 문서를 발표 구성과 페이지별 이미지·도표·영상 계획, 제작 지시서로 정리합니다. 렌더링 후에는 구성과 각 슬라이드의 일치 여부를 최대 세 차례 점검합니다.

  • 메모나 녹취록으로 발표 구성하기
  • 슬라이드별 이미지·도표·영상 계획하기
  • HTML 슬라이드나 PPTX 제작 지시서 작성하기
nexu-io/open-design10.3만2026년 10월 20일 업데이트

html-ppt-zhangzara-sakura-chroma

무료요약 있음AI 평가 100점

교토 벚꽃 여행의 사진과 글을 도착, 만개한 풍경, 기억에 남는 순간으로 이어지는 HTML 슬라이드로 만듭니다. 복고풍 일본 카세트 포장 디자인으로 여행 이야기를 전합니다.

  • 친구에게 벚꽃 여행의 추억을 공유합니다
  • 여행 독자를 위한 사진 기행을 만듭니다
  • 여행 기록을 복고풍 자료로 정리합니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트