Skip to content
cccskills

Results for “dark”

656 skills · sorted by relevance

marp-slide

FreeSummary

Create Marp presentation slides, written in Markdown, using seven themes for business, technical, academic, and creative content. The skill organizes headings, bullet points, whitespace, and images into a consistent presentation saved as a Markdown file.

  • Create slides for lectures and seminars
  • Prepare proposals and business reports
  • Build slides for technical presentations
davila7/claude-code-templates32.8KUpdated Oct 20, 2026

heroui-native

FreeSummary

Build iOS and Android interfaces with HeroUI Native components such as buttons, cards, text fields, and dialogs. The skill covers setup, documentation lookup, and theme configuration with Uniwind, which brings Tailwind styling to React Native.

  • Set up HeroUI Native in an Expo project
  • Build mobile cards and input fields
  • Configure light and dark themes
heroui-inc/heroui31KUpdated Oct 18, 2026

icon-jetbrains

FreeSummary

Create and review SVG icons for IntelliJ New UI. Choose sizes by interface role, prepare matching light and dark versions, refine shapes and strokes, and place the assets in the plugin’s resource folders.

  • Creating icons for actions and tool windows
  • Preparing matching light and dark SVG versions
  • Adapting existing icons to a 16×16 canvas
Kilo-Org/kilocode27.7KUpdated Oct 20, 2026

baoyu-diagram

FreeSummary

Turn system structures, processes, and concepts into dark-themed diagrams. Create architecture diagrams, flowcharts, timelines, and other visual explanations as scalable SVG files, with PNG versions for use as images.

  • Explain system components and their connections
  • Map process steps and decision branches
  • Show interactions in chronological order
JimLiu/baoyu-skills26.8KUpdated Sep 11, 2026

gitbutler-ui

FreeSummary

Update visible interfaces in Lite and but.dev using @gitbutler/ui-react. It guides component reuse, relevant design references, concise screen text, and visual checks in light and dark themes for forms, dialogs, notifications, and other surfaces.

  • Add forms or confirmation dialogs
  • Improve empty states and notifications
  • Rewrite labels and hints
gitbutlerapp/gitbutler21.8KUpdated Oct 20, 2026

css-expert

FreeSummary

Build web layouts that adapt to screen and component sizes using CSS. Covers flexbox and CSS Grid for arranging content, reusable style variables, fluid text sizing, dark mode, and animations for interactive elements.

  • Building layouts for phones and larger screens
  • Creating cards that adapt to their container
  • Managing shared styles and dark mode
RightNow-AI/openfang18.2KUpdated Jul 2, 2026

Turn a supplied story, question, or joke into a Reddit-style post card for video overlays or social sharing. The single HTML file includes voting arrows, comment counts, post details, and a choice of light or dark styling.

  • Adding a story card over a video
  • Sharing a question as a Reddit-style card
  • Presenting a joke in a social post format
nexu-io/html-anything9.2KUpdated Oct 13, 2026

Design a dark slide deck for AI products, knowledge graphs, or developer tool launches. Combine a graph-based cover, glowing blurred shapes, gradient section titles, highlighted code or command-line examples, and frosted-glass-style cards.

  • Prepare slides introducing an AI product
  • Present a knowledge graph project
  • Create a developer tool launch deck
nexu-io/html-anything9.2KUpdated Oct 13, 2026

Build or update a Figma design system from existing code. Organize shared colors, spacing, and typography, create reusable components with states and theme bindings, document their use, and check differences between the implementation and Figma.

  • Building a Figma component library from existing code
  • Organizing shared settings for light and dark themes
  • Creating a button with variants and variable bindings
openai/plugins7.5KUpdated Oct 8, 2026

Create dark-themed diagrams of systems, cloud infrastructure, security, or networks in a single HTML file. Color-coded components and connection arrows explain the structure, with built-in controls for copying images and exporting PNG or PDF files.

  • Explaining system components and their connections
  • Documenting cloud regions and service layouts
  • Illustrating security boundaries and authentication flows
Cocoon-AI/architecture-diagram-generator7.5KUpdated May 14, 2026

tailwindcss

FreeSummary

Build consistent web interfaces with Tailwind CSS using small styling classes. Apply layout, typography, responsive behavior, interaction states, and dark mode patterns, with examples for buttons, page sections, and reusable components.

  • Building responsive page layouts
  • Standardizing buttons and shared components
  • Adding dark mode styles
MengTo/Skills6.9KUpdated Oct 18, 2026

Design a dark monochrome interface around an exploded 3D wireframe, an outline view of separated parts. Coordinate annotations, connector lines, typography, and small metric displays to explain product structures or system states.

  • Designing a product teardown interface
  • Creating a system diagnostics dashboard
  • Presenting structural specifications with annotations
MengTo/Skills6.9KUpdated Oct 18, 2026

Create a near-black animated canvas background with large square pixels and ordered dithering, a repeating pattern that represents shades. Broad waves and cloud-like forms provide atmosphere behind framed interfaces, hero text, or data displays.

  • Adding monochrome atmosphere behind a dark interface
  • Placing pixelated waves behind hero text
  • Creating cloud-like backgrounds for data displays
MengTo/Skills6.9KUpdated Oct 18, 2026

Design a dark interface with purple accents, layered rounded containers, and precise borders. Apply a consistent visual direction to cards, search bars, navigation, and motion, with playful futuristic objects as focal points.

  • Designing a futuristic talent platform
  • Unifying cards, search bars, and navigation
  • Adding purple lighting and animated focal objects
MengTo/Skills6.9KUpdated Oct 18, 2026

Design a technical web interface with dark surfaces, bright green signals, precise borders, and a prominent WebGL visualization. Coordinate split layouts, typography, controls, status labels, and restrained animation into a consistent visual system.

  • Design a split-screen hero with text and WebGL
  • Unify progress indicators and status panels
  • Integrate glowing particles or geometry into an interface
MengTo/Skills6.9KUpdated Oct 18, 2026

Create SVG illustrations centered on one physical object, with white faces, teal sides, dark outlines, and hard shadows. Use this consistent, people-free style for onboarding steps, empty states, feature cards, and product imagery.

  • Object illustrations for empty states
  • Artwork for onboarding steps
  • Cards explaining product features
MengTo/Skills6.9KUpdated Oct 18, 2026

Create original SVG illustration cards featuring a cosy animal with computers, books, or mugs. A bright pink background, softly shaded shapes, and fine grain give the scenes a textured, painted feel for product pages and blog headers.

  • Illustrating an empty state with a cosy animal
  • Creating artwork for an onboarding step
  • Making an autumn-themed blog header
MengTo/Skills6.9KUpdated Oct 18, 2026

Refine wood materials and lighting in three.js interiors using procedural grain, window light, contact shadows, rays, and dust. A runnable scorecard measures eight aspects of the rendered image, helping guide revisions toward a chosen target score.

  • Lighting carved wood, kumiko, and workshop scenes
  • Fixing wood that looks flat, plastic, or washed out
  • Adjusting light shafts while preserving dark tones
MengTo/Skills6.9KUpdated Oct 18, 2026

Generate Preline theme CSS from a brand color or a desired mood using bundled local scripts. Preview output before saving, create light and dark themes, and review or fix theme tokens, the named values that define styling.

  • Matching a Preline theme to a brand color
  • Turning a visual mood into theme colors
  • Previewing CSS before saving a file
htmlstreamofficial/preline6.5KUpdated Aug 31, 2026

Change DeepChat preferences through conversation, including theme, interface language, font size, sound effects, and whether copied text includes COT details. Dedicated tools apply supported changes, while other requests open the relevant settings section with guidance.

  • Switch DeepChat to a dark theme
  • Change the interface language or font size
  • Turn off DeepChat sound effects
ThinkInAIXYZ/deepchat6.4KUpdated Oct 20, 2026

claymorphism

FreeSummary

Build soft, clay-like interface components using rounded corners and layered shadows. Includes CSS variables and examples for cards, buttons, inputs, and toggles, with guidance for dark mode, readable text contrast, and visible keyboard focus.

  • Designing soft, dimensional cards and buttons
  • Giving inputs and toggles a consistent appearance
  • Adapting clay-like components for dark mode
fengshao1227/ccg-workflow5.9KUpdated Oct 19, 2026

Create and edit BB color themes in a CSS file, then inspect live updates in Theme Preview. Check light and dark modes, theme values, and text contrast while adjusting colors and fonts for the app.

  • Create a custom BB color theme
  • Adjust colors for light and dark modes
  • Check text contrast and status colors
get-bb/bb4.5KUpdated Oct 20, 2026

Packages generated wiki Markdown into a VitePress static site with dark theme, dark-mode Mermaid diagrams with click-to-zoom, and production build output. Use when the user wants to create a browsable website from generated wiki pages.

The English summary is being prepared. Showing the original description.

microsoft/skills3.1KUpdated Oct 18, 2026

Use when platform-reported conversions disagree with GA4/ecommerce, when you suspect Meta and Google are double-counting the same sales, or for a standing (monthly) reconciliation workbook that de-dups stacked credit against an order-ID truth set, normalizes attribution windows and currency, compares attribution models, and reads incrementality from a geo/holdout test. Not for the point-in-time R2 veto or RQS gate — use ad-account-auditor; not for the ROI/ROAS ratio math itself — use roi-calculator; not for organic dark-social share attribution or GA4 direct-traffic decomposition — use dark-social-attributor. 付费广告归因对账/去重/增量

The English summary is being prepared. Showing the original description.

aaron-he-zhu/aaron-marketing-skills3KUpdated Oct 20, 2026