ckm-slides

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

Aller à l'installation

Dépôt: Jason904/ui-skill-lab
Dernière activité de la source: 8 juin 2026 à 07:11
Langue détectée de SKILL.md: anglais
Étoiles: 154
Forks: 9

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.

npx skills add https://github.com/Jason904/ui-skill-lab --skill ckm-slides

La commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.

Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Explorateur de fichiers

6 fichiers

SKILL.md

Instructions source · Aperçu en lecture seule

Retour à la recherche Retour à l’installation

design-system-governor

This skill should be used after visual-spec-review passes and before OpenSpec UI update or frontend implementation. It expands screenshot-derived visual specs into a production design system by adding interaction states, responsive behavior, accessibility rules, UX checklist, and implementation constraints without overriding UI type, layout paradigm, component tree, rejected assumptions, or asset strategy.

2026-06-08

image2-prompt-pack

This skill should be used when the user asks to convert a PRD, OpenSpec change, or product idea into a structured GPT Image 2 UI prompt pack for generating high-fidelity flat UI reference images. It produces prompt materials, UI type decisions, variants, negative prompts, and reference selection checklists, not frontend code.

2026-06-08

spec-compliance-review

This skill should be used after Codex implements a UI change and before visual acceptance review. It audits source code against project-specific visual specs, design tokens, component tree, design-system rules, OpenSpec implementation strategy, UI type, layout paradigm, and asset strategy. It reports violations without redesigning or modifying code.

2026-06-08

Tout voir dans ce dépôt

name	ckm:slides
description	Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
argument-hint	[topic] [slide-count]
metadata	{"author":"claudekit","version":"1.0.0"}

Slides

Strategic HTML presentation design with data visualization.

$ARGUMENTS

When to Use

Marketing presentations and pitch decks
Data-driven slides with Chart.js
Strategic slide design with layout patterns
Copywriting-optimized presentation content

Subcommands

Subcommand	Description	Reference
`create`	Create strategic presentation slides	`references/create.md`

References (Knowledge Base)

Topic	File
Layout Patterns	`references/layout-patterns.md`
HTML Template	`references/html-template.md`
Copywriting Formulas	`references/copywriting-formulas.md`
Slide Strategies	`references/slide-strategies.md`

Routing

Parse subcommand from $ARGUMENTS (first word)
Load corresponding references/{subcommand}.md
Execute with remaining arguments

ckm-slides

Informations de source

Options d'installation

Vérifiez les fichiers source

Plus depuis ce dépôt

Plus depuis ce dépôt

Slides

When to Use

Subcommands

References (Knowledge Base)

Routing

Slides

When to Use

Subcommands

References (Knowledge Base)

Routing