본문으로 건너뛰기
cccskills

'html' 검색 결과

2.4천건 · 관련도순

design

무료요약 있음AI 평가 80점

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

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

Create an HTML year-end self-review deck for a product manager, organizing responsibilities, results, lessons, and requests around supporting evidence. The template uses rounded cards and pastel colors to present the case to managers or review committees.

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

  • Preparing a product manager's year-end self-review
  • Presenting evidence of achievements to a review committee
  • Organizing lessons learned and career requests for a manager
nexu-io/open-design10.3만2026년 10월 19일 업데이트

Create an HTML presentation diagnosing margin recovery for a regional grocery chain. Organize the central recommendation, contributing factors, priorities, and roadmap into a decision deck, using a coordinated sage, cream, and burnt-orange visual style.

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

  • Presenting a grocery chain's margin-recovery diagnosis
  • Explaining initiative priorities to a steering committee
  • Creating an advisory deck with a warm visual style
nexu-io/open-design10.3만2026년 10월 19일 업데이트

Create an HTML presentation outlining digital transformation for an established insurer. Organize the diagnosis, sequence of initiatives, and operating rhythm for executive decisions, using a warm paper palette and a consistent, restrained editorial design.

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

  • Presenting an insurer's digital transformation roadmap
  • Explaining initiative priorities and implementation order
  • Preparing an executive decision presentation
nexu-io/open-design10.3만2026년 10월 19일 업데이트

Build an HTML briefing deck that organizes workplace-safety findings, supporting evidence, and corrective requirements for regulators and plant leaders. A paper-textured design with earth tones gives the slides a consistent visual style for decision discussions.

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

  • Briefing regulators on workplace-safety findings
  • Explaining evidence and corrective requirements to plant leaders
  • Turning safety review materials into a consistent HTML deck
nexu-io/open-design10.3만2026년 10월 19일 업데이트

Create an HTML thesis defense deck that makes the research contribution, evidence, and limitations easy to find. The template uses warm neutral colors and classical typography, with an economics thesis on minimum wages as its example subject.

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

  • Prepare an economics thesis defense
  • Organize research evidence and limitations
  • Turn research materials into restrained HTML slides
nexu-io/open-design10.3만2026년 10월 19일 업데이트

Build an HTML presentation for a feature investment decision, organizing user problems, options, tradeoffs, and success measures. Use the graphify-dark-graph template's dark visual style, with speaker notes and presentation controls for reviews across product, engineering, design, and leadership.

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

  • Explain user problems behind a proposed feature
  • Compare implementation options and tradeoffs
  • Review success measures across teams
nexu-io/open-design10.3만2026년 10월 19일 업데이트

Create complex HTML artifacts for claude.ai using React and Tailwind. The skill follows Anthropic’s reference workflow to produce rich web content that can be embedded, supporting artifact development with these tools.

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

  • Creating complex HTML artifacts for claude.ai
  • Building web artifacts with React and Tailwind
  • Preparing rich web content for embedding
nexu-io/open-design10.3만2026년 10월 19일 업데이트

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월 19일 업데이트

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월 19일 업데이트

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일 업데이트

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일 업데이트

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월 17일 업데이트

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일 업데이트

consulting-pptx-skill

무료요약 있음AI 평가 90점

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

  • 경영 회의용 발표 자료 만들기
  • 제안 수치를 표와 그래프로 설명하기
  • 기존 PowerPoint에 페이지 추가하기
carnot-tech/jinba-consulting-pptx-skill1.2천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일 업데이트