swiftui-preview
This skill should be used when the user invokes "/swiftui-preview" to render SwiftUI code from the current context to a PNG and output the resulting image path.
124 repo starsObserved in 1 repos
Design
Design skills
Browse reusable Agent Skills, each with a clear purpose and practical guidance.
cover-design
Design typography-driven video cover images using HTML/CSS + Chrome DevTools screenshot. Generates covers in all needed aspect ratios - 16:9 (YouTube), 16:10 (Bilibili), 9:16 and 3:4 (抖音/视频号 竖屏短视频) - with big readable text. Different from `cover-image` (AI hand-drawn aesthetic) - this is precise typography control via code. Use when user asks for "视频封面", "thumbnail", "做封面", "cover design", "缩略图", "横屏/竖屏封面", "抖音封面", "视频号封面".
123 repo starsObserved in 1 repos
Design
stitch-design-md
Analyzes a Stitch project to generate a DESIGN.md file -- documents the design system in semantic, natural language to support consistent UI generation. Triggers on: Stitch, design system, DESIGN.md, Stitch design analysis. NOT for: React component conversion, code implementation.
123 repo starsObserved in 1 repos
Design
visual-direction
Visual art direction expertise for marketing imagery. Covers photography styles, composition rules, color theory, lighting techniques, and product staging. Load this skill when generating image ads, asset sheets, moodboards, or keyframe images.
123 repo starsObserved in 1 repos
Design
time-svg-creator
创建一个 SVG 时间卡片，显示迪拜的当前时间。将 SVG 写入 agent-teams/output/dubai-time.svg 并更新 agent-teams/output/output.md。
122 repo starsObserved in 2 repos
Design
blcaptain-style-skill
当用户需要把内容（文章、笔记、截图、数据、产品说明）做成中文图文卡片组图时使用——小红书 / Rednote 3:4 竖图、公众号封面、社交卡。提供三套独家视觉语言（静纸 Still Paper本手记 / Signal Proof 证据层 / Bridge Canvas 跨平台桥），由 Claude 读懂内容、自己撰写 brief.json，交给确定性引擎渲染出第一眼惊艳、一眼可辨、国内开箱即用的图文组图。
121 repo starsObserved in 1 repos
Design
bricks
Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON. Use for any Bricks task — sections, pages, headers/footers, query loops, ACF/dynamic data, faceted filters, conditions, interactions/animations, popups, WooCommerce templates, custom elements, or hooks. Verified against Bricks 2.3.6 source.
121 repo starsObserved in 1 repos
Design
explainer-infographic
Generate an animated, interactive HTML page that explains a complex concept through real-world analogies, visual diagrams, and progressive disclosure. Use this whenever the user says 'explainer infographic,' 'explain how X works,' 'make an explainer for,' 'visualize this concept,' 'turn this into a visual,' 'help me understand X visually,' or asks to break down a topic in a bite-sized visual format. Output is a single self-contained HTML file the user can open in a browser, scroll through, or share as a link. Topics can be anything — finance concepts, technical systems, scientific processes, business frameworks.
121 repo starsObserved in 1 repos
Design
modify-db-component
Modifies an existing DB UX Design System Mitosis component (add variants, update props, change styles).
121 repo starsObserved in 1 repos
Design
workflow-visualizer
Generate an interactive HTML diagram of the user's business systems, workflows, or tooling — showing how everything connects, where data flows, which AI agents / scheduled tasks run when, and how processes hang together. Use this whenever the user says 'visualize my workflow,' 'map my systems,' 'show me how this all connects,' 'business OS,' 'system diagram,' 'workflow map,' or wants to see the architecture of their work as a picture rather than a list. Output is a single self-contained HTML file with clickable nodes and progressive disclosure of detail.
121 repo starsObserved in 1 repos
Design