ckm-slides

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

Ir a la instalación

Repositorio: Jason904/ui-skill-lab
Última actividad en el origen: 8 de junio de 2026 a las 07:11
Idioma detectado de SKILL.md: inglés
Estrellas: 154
Forks: 9

Opciones de instalación

De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.

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

El comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.

¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.

Revisa los archivos de origen

Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.

Explorador de archivos

6 archivos

SKILL.md

Instrucciones de origen · Vista previa de solo lectura

Volver a la búsqueda Volver a la instalación

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

Ver todos los de este repositorio

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

Datos de origen

Opciones de instalación

Revisa los archivos de origen

Más de este repositorio

Más de este repositorio

Slides

When to Use

Subcommands

References (Knowledge Base)

Routing

Slides

When to Use

Subcommands

References (Knowledge Base)

Routing