Design & Media

tuyv Bundle

Interview-then-scaffold guide for adding a new page to ethereum.org. Forks first on markdown-backed vs App Router page, then picks the layout and hero, maps the Figma design to existing components, and builds it reuse-first. Invoke with /new-page.

tuyv Bundle

Adversarial review loop for a built ethereum.org page — spawns copy and design-system reviewer subagents against the Figma source, triages their findings, fixes, and re-reviews until a fresh round comes back clean. Invoke with /review-page.

tuyv Bundle

Brand-aligned visual design system specialist for web projects. Enforces hero-first layout chaining, WCAG 2.1 AA accessibility, Lighthouse >= 80, and design token extraction from brand identity files. Covers color palettes, typography, spacing, and component specifications.

javimosch Skill

Build UI components and pages using AIOZ UI V3 design system. Use this skill whenever the user wants to create, edit, or style React components using AIOZ UI tokens, Tailwind classes, color tokens, typography utilities, icons from @aioz-ui/icon-react, or chart components (LineChart, AreaChart, BarChart, DonutChart). Trigger on any task involving AIOZ UI components, design tokens like --sf-neu-block or --text-neu-bold, brand colors, typography classes (text-title-01, text-body-02), icon imports, data visualization, or translating Figma MCP output into production-ready code.

tuyv Bundle

Use when building, refactoring, or styling any UI in the ethereum.org Next.js site (`src/components/`, `app/`, `src/styles/`, `public/content/`, or any `.tsx`/`.mdx`/`.css` change that affects the rendered UI). Provides canonical component choices, design tokens, RTL/i18n rules, server/client guidance, and the "use a variant, not a new component" pattern for the project's Tailwind v4 + Radix + shadcn-style design system.

tuyv Bundle

Audits already-rendered web, landing-page, HTML deck/slide, browser tool/game, dashboard/admin, design-system, and desktop UIs using real-browser or native-app journeys, inspected screenshots, DOM geometry, responsive or projection viewports, and a bundled Playwright sweep. Use after UI implementation to find typography, wrapping, overlap, overflow, responsive, route, overlay, map, transient-state, data-visualization, browser-output, file-dialog, PDF/print, or Electron-shell defects, or to compare a rendered artifact with a visual reference. Do not use for greenfield UI design, extracting a design system from screenshots, general QA-program setup, or nonvisual code debugging.

tuyv Bundle

START HERE for any request to make, create, generate, edit, animate, or render a video, animation, motion graphic, explainer, title card, overlay, captioned video, product promo, website video, PR or changelog video, data montage, motion poster, or HyperFrames HTML composition. Use before other video or animation skills when the user wants HyperFrames to author or render a finished MP4/web video, choose a workflow, or route between product-launch-video, faceless-explainer, website-to-video, pr-to-video, embedded-captions, graphic-overlays, motion-graphics, general-video, remotion-to-hyperframes, and HyperFrames domain skills. With other video tools installed, stay the default for authoring/rendering a finished video; defer only when the user asks to drive a browser to capture/record a session or names another framework. Especially important when no project CLAUDE.md or AGENTS.md explains the video workflow.

tuyv Bundle

Universal AI image generation supporting OpenAI DALL·E / gpt-image, Google Gemini Image / Imagen, Replicate (Flux / SDXL / any model), Stability AI, FAL, Ark (Seedream 4.5), Bailian (qwen-image / wanx), and SiliconFlow. Use this skill whenever the user asks to generate, create, draw, illustrate, render, or synthesize images from text prompts or reference images. Typical phrases include "draw a ...", "generate an image of ...", "画一张 ...", "给我来张图", "make a poster of ...", "create an illustration ...", or any mention of image-generation model families like DALL·E, gpt-image, Flux, SDXL, Seedream, Imagen, Gemini image, Kolors, or Wanx. Always use this skill even if the user does not name a specific model — pick a provider based on their EXTEND.md defaults or available API keys in the environment. Do NOT use this skill when the user explicitly mentions 即梦 / Dreamina / Jimeng — those go to happy-dreamina instead.

withoneai Skill

Logo.dev through One

withoneai Skill

Figma through One

revfactory Bundle

Full pipeline for systematically building a UI design system. An agent team collaborates to create design tokens, React/Vue component libraries, Storybook, WCAG accessibility verification, and documentation. Use this skill for requests like 'build a design system', 'component library', 'UI kit', 'design tokens', 'Storybook setup', 'accessibility verification', 'WCAG verification', 'UI components', 'create a button component', etc. Note: Figma plugin development, design system SaaS construction, and native app components (SwiftUI/Jetpack Compose) are outside the scope of this skill.

revfactory Bundle

A full branding pipeline where an agent team collaborates to design brand identity all at once, from naming through slogans, tone and manner, and visual guidelines. Use this skill for 'create a brand,' 'brand identity design,' 'brand naming,' 'create a slogan,' 'brand guidelines,' 'logo concept,' 'tone and manner design,' 'brand strategy,' and all other brand identity tasks. Also supports slogan/visual design when an existing brand name is provided. Note: actual logo file production (.ai, .svg), print mock-ups, and trademark filing are outside this skill's scope.

revfactory Bundle

Methodology and tools for systematically generating design tokens. Use for requests like 'create design tokens', 'token system design', 'color scale generation', 'typography scale', 'spacing system', 'dark mode tokens', etc. Note: Figma token plugin execution and Style Dictionary runtime builds are outside the scope of this skill.

revfactory Bundle

A visual narrative skill used by the dialogue-writer and comic-editor agents. Provides speech bubble systems, sound effect typography, Show-Don't-Tell principles, and visual metaphor techniques. Used for 'speech bubbles,' 'sound effects,' 'visual storytelling,' 'comic direction,' and related topics.

revfactory Bundle

A color psychology skill used by the visual-director agent. Provides color-emotion mapping, industry-specific color strategies, accessibility-based palette design, and color system construction methodologies. Used for 'color palette,' 'color strategy,' 'color psychology,' 'brand colors,' and related topics.

revfactory Bundle

A character design system skill used by the storyboarder and image-generator agents. Provides character sheet design, silhouette testing, expression charts, and AI image generation consistency methodologies. Used for 'character design,' 'character sheet,' 'visual consistency,' 'character setup,' and related topics.

pku-yuangroup Bundle

Build sequence logos from aligned DNA, RNA, or protein motifs using ggseqlogo (R), Logomaker (Python), or WebLogo with explicit bits vs probability encoding, background-frequency correction, custom alphabets, and multi-logo stacking. Use when visualizing motif PWMs (TF binding, splice sites, CRISPR spacers), aligned-position composition, or comparing two motif sets.

revfactory Bundle

A specialized skill for the cover-designer agent covering cover design psychology. Provides genre-specific cover conventions, typography strategy, color psychology, thumbnail testing, and AI image generation prompt design. Use for 'cover design,' 'book cover,' 'genre covers,' 'cover concept,' and similar topics.

revfactory Bundle

A full pipeline where an agent team collaborates to generate an interior space concept board all at once. Use this skill for 'interior concept design', 'living room makeover', 'room atmosphere change', 'interior moodboard', 'furniture recommendations', 'space styling', 'color palette design', 'interior budget', 'DIY interior', 'home styling', 'studio interior', 'office interior', and all other space decoration tasks. Also supports item curation and budget management when an existing moodboard is provided. Actual construction work (tile installation, electrical wiring), 3D rendering, and AR furniture placement app integration are outside this skill's scope.

revfactory Bundle

A color harmony engine for designing interior color palettes. The 'moodboard-designer' and 'style-analyst' agents must use this skill's color theory, palette formulas, and style-specific palette database when composing color palettes and analyzing styles. Used for 'color palette design', 'color harmony', 'color psychology', etc. Furniture selection and budget management are outside this skill's scope.

revfactory Bundle

Slide Layout Pattern Library. ///comparison/line etc. 20 Slide typeper optimal Layout, margins/grid , Color/ system visual-designer Extended Skill. 'Slide Layout', 'Slide Pattern', 'design system', 'grid', 'Typography', 'Color ' etc. Slide Visual Design when . , PPT/Keynote File of .

yigityildiz0 Skill

Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations..

yigityildiz0 Skill

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use.

yigityildiz0 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.

yigityildiz0 Bundle

Design, implement, migrate, and validate scalable token and component systems with primitive, semantic, and component layers; themes; states; accessibility; and framework integration. Use for design tokens, component specifications, light/dark themes, brand-to-product synchronization, or consistency audits across an interface library. Turkish triggers: design system kur, token ve bileşenler, varyant ve tema, tasarım sistemi denetimi.

yigityildiz0 Bundle

Professional typography rules for UI design, web applications, software interfaces, and all screen-based text. Enforces timeless typographic correctness.

yigityildiz0 Bundle

Search and apply a local UI/UX design-intelligence library with 84 styles, 192 color palettes, 74 font pairings, 99 UX guidelines, 25 chart patterns, 1,923 Google Fonts, 105 icon records, and 22 technology stacks. Use to plan, implement, review, or improve web, mobile, and desktop interfaces, design systems, accessibility, responsive behavior, interaction states, typography, color, charts, and stack-specific UI code. Turkish triggers: ileri UI/UX tasarımı, stil ve bileşen araştırması, profesyonel arayüz önerisi.

yigityildiz0 Skill

Create or review a design-to-engineering handoff with intent, responsive behavior, tokens, states, interaction rules, edge cases, assets, acceptance criteria, and open decisions. Use for design handoff, developer handoff, Figma handoff, implementation spec, or UI acceptance criteria. Turkish triggers: tasarımı geliştiriciye devret, ölçü ve durumlar, asset ve acceptance criteria.

yigityildiz0 Bundle

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults. Turkish triggers: web arayüzü tasarla, frontend görünümünü iyileştir, üretim kalitesinde UI.

yigityildiz0 Bundle

Applies provided brand colors and typography to artifacts. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

yigityildiz0 Bundle

System architecture design including requirements analysis, trade-off evaluation, ADRs, and system decomposition. Use when designing new systems, evaluating architectures, or documenting design decisions. Turkish triggers: sistem mimarisi tasarla, mimari karar, bileşenleri ayır, teknik trade-off.

pku-yuangroup Bundle

Visualises RNA-modification data with transcript-feature metagene plots (Guitar GuitarPlot; MetaPlotR; deepTools computeMatrix scale-regions), peak-centred heatmaps (ComplexHeatmap; deepTools plotHeatmap), IP-vs-input paired browser tracks (log2 IP/input bigWig via deepTools bamCompare; pyGenomeTracks; Gviz; IGV/UCSC track hubs), DRACH sequence-logo plots (ggseqlogo; MEME), feature-distribution stacked bars, and volcano/MA plots for differential modification. Establishes stop-codon enrichment in the metagene plot as the biological QC anchor for any MeRIP dataset (Dominissini 2012; Meyer 2012). Use when producing the canonical metagene plot with stop-codon enrichment as a QC anchor, building paired IP/input genome-browser tracks at single-locus resolution, plotting peak-centred heatmaps clustered by condition, summarising peak distribution across transcript features, generating DRACH motif logos as sanity checks, rendering volcano plots of differential m6A, or reproducing the stop-codon enrichment plot.

yigityildiz0 Bundle

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and.

yigityildiz0 Skill

Generate professional PDF documents programmatically using Python and JavaScript libraries with precise layout control, typography, and multi-format.

yigityildiz0 Bundle

Expert UI/UX design guidance for unique, accessible interfaces. Use for visual decisions, colors, typography, layouts. Always ask before making design.

yigityildiz0 Bundle

Build, improve, or review web and product interfaces as one coherent system across layout and optical balance, accessibility, UX writing, typography, color, surfaces, icons, motion, responsiveness, and interaction states. Use when creating or polishing a site or component; when a UI feels off, unbalanced, or asymmetric; when reviewing screenshots, live pages, or frontend code; or when running a quick or full interface audit against current web guidelines. Turkish triggers: web tasarımını kurallara göre incele, kullanılabilirlik ve erişilebilirlik, UI denetimi.