본문으로 건너뛰기
cccskills
무료GitHub에 공개

study-viewer

Converts the learning Markdown into a standalone, split-screen interactive HTML page. Left pane for EN/CN text, right pane for deep linguistic analysis.

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

설치 방법 보기

포함된 파일(2)

  • SKILL.md998 B
  • scripts/study_viewer_gen.py8.8 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Study Viewer

Transforms structured Markdown into a modern dual-pane web interface.

Core Workflow

  1. Parsing: Read the index.md from wiki/synthesis.
  2. Structuring: Use regex or a Markdown parser to separate content into Paragraphs and Analysis blocks.
  3. HTML Generation:
    • Inject the content into a pre-defined HTML/CSS template.
    • Left Pane: <div class="content"> for original text and translation.
    • Right Pane: <div class="analysis"> for the 6-point analysis.
  4. Persistence: Save the output as interactive.html in the same directory as the source.

Guidelines

  • Use CSS Flexbox/Grid for the split-screen layout.
  • Ensure the font and spacing are optimized for long-form reading.
  • (Optional) Add simple JS to highlight matching blocks on hover.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

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

Scoheart/agentskills22026년 8월 4일 업데이트

ant-bank

무료

蚂蚁银行开户

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

Scoheart/agentskills22026년 8월 4일 업데이트

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

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

Scoheart/agentskills22026년 8월 4일 업데이트

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, or extract information from web pages.

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

Scoheart/agentskills22026년 8월 4일 업데이트

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

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

Scoheart/agentskills22026년 8월 4일 업데이트

cloud-aws

무료

仅使用 AWS CLI 操作 AWS。Agent 直接执行 aws 命令(无需脚本)。仅在用户提到 AWS、S3、EC2、Lambda 等时激活。

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

Scoheart/agentskills22026년 8월 4일 업데이트

Scoheart의 스킬 모두 보기

이 스킬의 문제 신고