Skill Claude CodeCodex
Generate terminal-style HTML reports and optional editable PPTX for business decision flows, including board briefs, CEO strategy, technical roadmaps, MRD and market analysis, project status, dev and QA reports, retrospectives, and five-dimension design critiques. Use for 可视化报告, 决策简报, 路线图, MRD, 项目看板, 复盘, 验收, board…
Skill Claude CodeCodex
A formatting workflow for turning Markdown, Word documents, PDFs, text files, or web content into HTML that can be pasted into WeChat’s article editor. WeChat is a Chinese publishing platform, and the workflow also creates a preview page.
Skill Claude CodeCodex
Plan, research, edit, generate, repair, finish, validate, evaluate, and market professional video across animation, narrative shorts, documentary, film, trailers, branded content, social video, and educational media. Includes a recoverable production workflow and live SVG dashboard, rights-aware reference research…
Skill Claude CodeCodex
Build a production-ready 2D character pack from a child’s drawing, generated character image, existing turnaround, or sprite sheet. Use for 三视图、Model Sheet、角色标准设定稿、表情表、动作表、透明切片、sprite/cutout assets, animation character consistency, or checking whether front/side/back views still depict the same character.
Skill Claude CodeCodex
Render charts, diagrams, knowledge graphs, motion video, and editable native PPTX charts for HTML reports and presentation decks. Supports Mermaid, ECharts, reusable SVG components, 3D knowledge graphs, MP4 or GIF motion charts, offline SVG, and PowerPoint charts with editable data. Use for 架构图, 柱状图, 数据可视化, 3D 知识图谱…
Skill Claude CodeCodex
Create keynote-grade HTML presentations, high-fidelity prototypes, slide decks, motion-stage videos, and editable native PPTX with speaker mode, narration, animations, and reflective critique. Use for keynote or stage reports, architecture deep-dives, competitive landscapes, iOS or Android prototypes, 演讲 PPT, 演讲者模式…
Skill Claude CodeCodex
Use when a user gives or references a webpage URL and wants to extract, reproduce, port, or locally replay a WebGL, WebGPU, Canvas, shader-like, animated background, interactive 3D, or web visual effect. Locks the target rendering surface group, records shader/resource/render graph/timing/input evidence, builds an…
Skill Claude CodeCodex
A Chinese-language design workflow for creating and reviewing websites and product interfaces. It combines guidance on layout variety, animation, data-informed design choices, and avoiding generic AI-looking results.
Skill Claude CodeCodex
Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.
Skill Claude CodeCodex
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold…
Skill Claude CodeCodex
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
Skill Claude CodeCodex
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
Skill Claude CodeCodex
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos…
Skill Claude CodeCodex
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
Skill Claude CodeCodex
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns…
Skill Claude CodeCodex
UI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presets, and 25 chart types across 22 stacks (React, Next.js, Vue, Nuxt, Svelte, Astro, SwiftUI, React Native, Flutter…
Skill Claude CodeCodex
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and…
Skill Claude CodeCodex
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…
Skill Claude CodeCodex
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Skill Claude CodeCodex
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use…
Skill Claude CodeCodex
Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the…
Skill Claude CodeCodex
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
Skill Claude CodeCodex
A shared "taste layer" for HTML/PPT deliverables — three tunable dials (DESIGNVARIANCE / MOTIONINTENSITY / VISUALDENSITY) plus an anti-slop preflight and material/copy rules that elevate color, layout, motion, sourcing and wording. Not a renderer; a small set of design tokens and constraints applied on top of any…
Skill Claude CodeCodex
A system for creating single-file HTML slide decks for live presentations, with a warm editorial visual style, keyboard navigation, speaker notes, timing, and charts. It uses a JSON plan as the source for revising the presentation.