Design & Media

dragoon0x Skill

Export your complete design system as CSS custom properties. Includes palette, tokens, type scale, spacing, shadows, and radii in a single :root block.

dragoon0x Skill

Export your design system as W3C Design Tokens JSON format. Compatible with Style Dictionary, Figma Tokens, and token management tools.

dragoon0x Skill

Export your design system as SCSS variables and mixins. Includes palette map, type scale mixin, spacing function, and breakpoint mixin.

dragoon0x Skill

Export your design system in Figma Tokens format. Ready to import into Figma via the Tokens Studio plugin.

binfen1 Bundle

Act as a Senior Backend Developer expert to design system architectures, build production-grade APIs (REST, GraphQL, gRPC), write optimized database schemas and queries, perform rigorous code reviews, and enforce engineering best practices. Supports Node.js/TypeScript, Python, Java/Spring Boot, Go, and Rust. Produces production-ready code, architecture docs with Mermaid diagrams, migration files, and actionable code-review feedback. Use whenever a user needs backend engineering guidance, code generation, refactoring, or architectural decisions.

binfen1 Bundle

Design consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview pages. Creates DESIGN.md as your project's design source of truth. For existing sites, use /plan-design-review to infer the system instead. Use when asked to "design system", "brand guidelines", or "create DESIGN.md". Proactively suggest when starting a new project's UI with no existing design system or DESIGN.md. (gstack)

first-fluke Bundle

AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance. Covers typography, color systems, motion design (motion/react, GSAP, Three.js), responsive-first layouts, and accessibility (WCAG 2.2).

first-fluke Bundle

Frontend specialist for React, Next.js, Angular, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment. Use for UI, component, page, layout, CSS, Tailwind, shadcn, Angular, and RxJS work.

justcyl Skill

3D Morph PPT — extends morph-ppt with GLB model insertion, cinematographic camera, model-content layout, and enriched visual design system.

agentsorg Bundle

Use when handling photos and illustration: aspect ratios, cropping, placeholders and blur-up, avatars, device frames, and dark-mode treatment.

agentsorg Bundle

Use when setting type: scale, weight, line-height, measure, tracking, numerals, font loading, and hierarchy carried by weight and grey instead of size.

alivirgo Skill

Operational skill for Claude to automate Figma via Plugin API, REST API, variables, components, and design-token export pipelines.

ravnhq Bundle

Visual design system patterns for web UIs. Tailwind CSS v4 design tokens and CSS variables, responsive design with container queries, dark mode, layout patterns, and spacing scales. Use when implementing visual designs, working with Tailwind CSS, or building responsive layouts.

ravnhq Bundle

Apple's Liquid Glass design system for iOS 26+ and iPadOS 26+. Use when building iOS 26+ UI with glassEffect, implementing GlassEffectContainer, working with glass morphing transitions, or migrating from UIKit to SwiftUI glass APIs.

ravnhq Bundle

Convert Figma component designs into production-ready React implementations with design token integration, accessibility via React Aria, and comprehensive documentation. Use when building React components from Figma designs, generating component implementation specs, or bridging design-to-development workflows.

respira-press Skill

Use when the user says 'figma to elementor', 'build this figma design in elementor', or hands over a Figma frame to rebuild in WordPress. Maps the Figma node tree to Elementor widgets and containers and writes clean Elementor JSON into a draft duplicate, so nothing live is touched.

respira-press Skill

Use when the user says 'build a design system for my site', 'extract design tokens', 'capture my brand', or 'build my style guide', or after a rebrand. Reads representative pages, theme files, and media to extract logo, colors, typography, spacing, and components, then writes a visible style-guide page.

mintuz Skill

WHEN refining UI layout, typography, color, or polish; NOT code implementation; provides concise principles for intentional, legible design.

melumuccu Skill

Use this skill when designing, reviewing, or generating CSS for typography in Japanese or multilingual interfaces. Apply it for font family, text wrapping, kerning, line height, fluid type, truncation, manual line breaks, and related text layout decisions.

melumuccu Skill

Use this skill when deciding whether font-size should use rem or px, reviewing Chrome text zoom support, or choosing whether text-dependent spacing and sizing should scale with typography. Apply it when CSS uses blanket rem conversion, root font-size hacks, or relative units such as em and ch without a clear semantic basis.

melumuccu Skill

Use this skill when defining, reviewing, or correcting design system terminology for CSS, layout, components, and UI concepts. Apply it when names may conflict with Web standards, HTML semantics, or responsibility boundaries.

caixinyu2017-star Skill

Generate a conference poster (article + tcbposter LaTeX → A0/A1 PDF + editable PPTX + SVG) from a compiled paper. Use when user says "做海报", "制作海报", "conference poster", "make poster", "生成poster", "poster session", or wants to create a poster for a conference presentation.

kok-o Skill

Audits and upgrades existing web codebases with high-end typography, color, layout, and interaction polish.

frankxai Skill

The complete Arcanean Design System - cosmic visual language, academy themes, component patterns, and design tokens for magical interfaces

duck4nh Skill

Content-first template for blog and docs with readable typography and navigable structure.

bighardperson Bundle

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

bighardperson Bundle

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

stevengonsalvez Skill

Create TUI screens, components, and views for the agents-in-a-box terminal UI. Use when building new ratatui components, adding panels, creating list views, or styling any terminal interface element. Provides color palette, component patterns, and quality checklist.

stevengonsalvez Bundle

Generate intricate hand-drawn sketchnote illustrations starring Popa, a cute pink blob with a green sprout and a notepad, on soft pastel scenes. One busy page of many linked boxes, notes, arrows and icons — busy but fully legible. Use for dev/product/system explainers, how-it-works, architecture, walkthroughs, and friendly social/blog/README art.

stevengonsalvez Skill

Generate intricate hand-drawn sketchnote illustrations starring Popa (a pink blob with a green sprout and a notepad). Use when the user wants illustrations/diagrams/explainer images/shot lists for an article, post, README, deck, system, or idea. Alias of illustration:popa.

codingsamss Bundle

Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork. Produce both the final generation prompt and the generated raster image unless the user explicitly asks for prompt only.

florinsenoner Skill

Audit UI component consistency — find design system violations, hardcoded colors, raw HTML elements, and one-off patterns

jimmc414 Bundle

Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.

az9713 Skill

Audit design system consistency across pages. Use when user wants to check visual consistency, design tokens, component reuse, color palette, typography, spacing, or cross-page uniformity.

deagentic Skill

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

c0x12c Bundle

Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project design system.