스킬

HTML PPT Skill: 정적 HTML로 데모와 발표자 보기 만들기

순수 정적 HTML로 전문 데모를 만들고 발표자 모드가 필요한 사람에게 맞다. 설치 후 AgentSkills를 지원하는 런타임만 제작에 쓸 수 있다.

Official source · html-ppt-skill

Install

npx skills add https://github.com/lewislulu/html-ppt-skill

누구에게 맞나

Agent가 바로 열 수 있는 HTML 데모를 직접 내게 하고 다른 패키징 도구 세트를 다시 거치고 싶지 않다면 이 AgentSkill이 더 맞다. 전문 HTML 데모를 향한다: 테마, 전체 템플릿, 단페이지 판식, 애니메이션, 미리보기·발표 원고·타이머가 있는 발표자 모드. 완성은 순수 정적 HTML/CSS/JS이며 빌드 단계는 없다.

AgentSkills를 지원하는 Agent 런타임이 필요하고 npx로 스킬을 등록하는 것을 받아들인다. 몇 페이지 HTML을 직접 쓰고 Agent에게 대필시킬 생각이 없는 사람에게는 이득이 적다. 중국어 설명은

https://github.com/lewislulu/html-ppt-skill/blob/main/README.zh-CN.md

페이지는 허가도 MIT라고 적는다. 어떤 채팅 제품을 유일한 클라이언트로 쓰지 않았다. 한 집에서만 쓸 수 있다고 스스로 한정하지 말 것.

3분 만에 첫 시도 끝내기

공식 설치 명령은 이 하나뿐이다:

npx skills add https://github.com/lewislulu/html-ppt-skill

스킬을 Agent 런타임에 등록한다. 런타임 스킬 목록을 바꾼다. 읽기 전용 보기가 아니다. 먼저 이 기기에 npx가 있고 이것이 쓰려는 환경인지 확인한 뒤 실행한다.

넣은 뒤 저위험 시험 쓰기를 한 번 한다. AgentSkills를 지원하는 Agent에게 できるだけ 짧은 정적 HTML 데모를 만들게 한다. 파일을 쓰기 전에 만들 경로와 페이지 수를 말하게 한다. 당신이 끄덕인 뒤 디스크 쓰기를 허용한다. 성공 신호는 두 층: 브라우저로 바로 열 수 있는 HTML을 얻고 중간에 빌드 단계가 없다. 연 뒤 S를 누르면 독립 발표자 창이 뜬다. Agent가 기존 사이트 공정을 바꾸기 시작하거나 빌드 스크립트를 보태면 먼저 멈춘다.

페이지는 설치 후 “by asking things like” 할 수 있다고 적는다. 다만 이 발췌에는 구체 질문 문장이 없다. 처음에는 말 세트를 만들지 말 것. 「짧고, 정적이고, 열 수 있고, 먼저 경로를 확인」만 요구한다.

사용 사례

사례 1: Agent에게 테마와 판식으로 데모 하나를 만들게 한다. 페이지가 준 규모는 테마 36, 전체 템플릿 15, 단페이지 판식 31이다. 자원은 assets/themes/*.css, templates/full-decks/<name>/, templates/single-page/*.html에 있다. 애니메이션은 CSS 애니메이션 27과 canvas FX 20이다. 발췌는 각 테마 이름을 쓰지 않았고 Agent가 템플릿을 어떻게 고르는지도 쓰지 않았다. 따라서 요구할 수 있는 것은 정적 HTML 데모를 내고 이 기존 자원을 되도록 재사용하는 것이다. 이 재료로 「쓰지 않은 테마 이름을 반드시 써라」고 지정할 수 없다. 생성 전에도 출력 경로를 확인한다.

사례 2: 발표자 모드를 검사한다. 아무 완성본을 연 뒤 S를 누르면 전용 발표자 창이 뜬다. 안에 끌기와 크기 조절이 되는 자성 카드 네 장: 현재 페이지, 다음 페이지 미리보기, 발표 원고, 타이머. 두 창은 BroadcastChannel로 동기화한다. 페이지는 브라우저 명단을 쓰지 않았고 둘째 창이 없을 때 어떻게 할지도 쓰지 않았다. 검수는 S 뒤에 위 네 덩어리가 나오고 페이지를 넘기면 미리보기와 원고가 따라 바뀌는 것만 본다. 이 단계에서 Agent가 HTML을 계속 바꾸게 하지 말 것.

사용 경계

숫자는 페이지 표를 따른다: 테마 36, 전체 템플릿 15, 단페이지 판식 31, CSS 애니메이션 27, canvas FX 20. 저장소 제목의 더 옛 숫자로 이 계수를 바꾸지 말 것. 경로는 디렉터리 수준까지다. 완전한 파일 목록은 없다.

설치 경로는 위의 npx skills add다. 나란한 둘째 설치기는 없다. 등록 후 AgentSkills를 지원하는 런타임만 데모를 만들 수 있다고 적혀 있다. 그 표준을 지원하지 않는 도구는 이미 쓸 수 있다고 가정하지 말 것.

완성에 빌드 단계는 없다. 그것은 디스크를 쓰지 않는다는 뜻과 같지 않다. 처음에는 한 페이지 또는 소수 페이지의 정적 파일을 끝내고 S로 발표자 창을 대조한다. 기존 데모를 덮거나 수십 페이지를 일괄 생성하거나 외부 빌드를 넣는 동작은 먼저 Agent에게 바꿀 파일을 되뇌게 하고 당신이 확인한 뒤 이어간다.