Style UI for mintlify.com using extracted design tokens, named values for colors, corner shapes, and fonts. Apply the supplied palette and inter font, reuse existing values, and identify gaps when a needed setting is missing.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Style UI using the mintlify.com palette
- Apply the defined font and corner radius
- Identify missing design values
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
Turn screenshot-based UI feedback into code fixes. Identify layout, styling, component, and state issues, trace their causes, agree on the scope of changes, and verify visual consistency across screen sizes and interaction states.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Fixing inconsistent button styles across screens
- Correcting element positions shown in screenshots
- Replacing settings inputs with dropdowns
nyldn/claude-octopus☆ 4.3천2026년 10월 21일 업데이트
Plan a new interface using design reference searches, critique, and contrast checks. Produce colors, typography, reusable styling values, component specifications, layouts, and a style guide tailored to the product, audience, and selected technology.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Planning a dashboard’s colors, typography, and spacing
- Preparing component states and keyboard interaction specs
- Defining responsive layouts and a style guide
nyldn/claude-octopus☆ 4.3천2026년 10월 21일 업데이트
Build React interfaces with coss components using documented imports, properties, and composition patterns. It helps select components, implement forms and overlays, preserve accessibility, and address migration mistakes when moving from shadcn/Radix to coss/Base UI.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Building forms and dialogs with coss
- Migrating from shadcn/Radix to coss/Base UI
- Troubleshooting menus, selects, and notifications
crafter-station/petdex☆ 4.3천2026년 10월 11일 업데이트
Create statistical charts in Python with seaborn to explore distributions, compare groups, and examine relationships between variables. Build scatter plots, heatmaps, regression charts, and multi-panel figures, then adjust styling and export figures for reports or publications.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Exploring data distributions and outliers
- Comparing measurements across groups
- Visualizing correlations with a heatmap
foryourhealth111-pixel/Vibe-Skills☆ 3.8천2026년 10월 20일 업데이트
Create scientific plots for manuscripts with consistent layouts, accessible colors, and error bars showing uncertainty. Use matplotlib, seaborn, or plotly to prepare multi-panel figures and export files with publication-specific sizes and resolution.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Prepare figures for journal submission
- Arrange multiple plots with consistent styling
- Improve color and grayscale readability
foryourhealth111-pixel/Vibe-Skills☆ 3.8천2026년 10월 20일 업데이트
Refine interface details such as typography, shadows, rounded corners, icons, and animations within the project's existing styling system. Supports implementation and quick or full reviews with prioritized findings, concrete changes, and verification results.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Refine button and card appearance
- Adjust hover feedback and animations
- Improve text wrapping and changing number displays
jakubkrehel/make-interfaces-feel-better☆ 3.8천2026년 8월 30일 업데이트
Plan and refine the visual design of HTML pages, reports, presentations, and small tools. Choose colors, typefaces, layouts, and themes to suit the subject, while respecting existing project styles and making content and controls clear.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Choose colors and typefaces for an HTML report
- Restyle a landing page to fit its subject
- Design readable light and dark themes
plannotator/effective-html☆ 3.7천2026년 10월 16일 업데이트
Create simple HTML wireframes, rough screen layouts for reviewing content, navigation, and task flows before visual styling. Compare distinct structural options in one file and check how each layout works on desktop and mobile screens.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Compare alternative navigation and screen layouts
- Review a short task flow through clickable screens
- Check content order on desktop and mobile
plannotator/effective-html☆ 3.7천2026년 10월 16일 업데이트
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
davepoon/buildwithclaude☆ 3.7천2026년 10월 20일 업데이트
Adjust the user's Obsidian visual layout with CSS snippets. Use for restyling tabs, sidebars, note surfaces, properties, backlinks, graph or file-explorer UI, or diagnosing CSS changes that did not take effect.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Ar9av/obsidian-wiki☆ 3.6천2026년 10월 21일 업데이트
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
yanliudesign/mono-color-skill☆ 3.5천2026년 9월 3일 업데이트
Select chart types and design data encodings — marks, axes, labels, and accessible chart styling. Use when presenting data graphically. Owns chart selection and encoding only; the categorical colour ramp itself belongs to `color-system`.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Owl-Listener/designer-skills☆ 3천2026년 9월 6일 업데이트
Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill; for motion and animation, use the expo-animation skill.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
expo/skills☆ 3천2026년 10월 21일 업데이트
Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). Use this skill whenever you: build or modify a dashboard page or component in ui/src/, style or layout website pages or custom CSS in website/, create new React components for the dashboard, add pages to the dashboard, fix visual bugs in either frontend, or need to know which design tokens, ss-* classes, components, or patterns to use. Covers the two dashboard styles (Clean / Playful) in light and dark, design tokens, the ss-* class system, component API, page structure, accessibility, keyboard shortcuts, and anti-patterns. Even if the user just says "fix the styling" or "add a card", use this skill to ensure consistency.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
runkids/skillshare☆ 2.8천2026년 10월 20일 업데이트
Use when a video/audio task needs OpenChatCut transcription, captions, subtitles, subtitle styling, transcript search, transcript readiness checks, or enabling captions, including local or attached videos where the user asks to add captions/subtitles, transcribe, create bilingual subtitles, clean talking-head speech, remove filler words, or trim pauses.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
0xsline/OpenChatCut☆ 2.6천2026년 10월 21일 업데이트
Generate memes using the memegen.link API. Use when users request memes, want to add humor to content, or need visual aids for social media. Supports 100+ popular templates with custom text and styling.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
softaworks/agent-toolkit☆ 2.6천2026년 3월 6일 업데이트
Build Godot 4.7 user interfaces with Control nodes: anchors and offsets for responsive layout, Container nodes (VBox/HBox/Grid/Margin) for automatic arrangement, Theme resources for consistent styling, and keyboard/gamepad focus navigation. Use when laying out a HUD, menu, or UI in a Godot project, working with Control/Container nodes, anchors, themes, or focus in a .tscn.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
gamedev-skills/awesome-gamedev-agent-skills☆ 2.5천2026년 10월 9일 업데이트
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
prisma/studio☆ 2.2천2026년 10월 15일 업데이트
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
mrgoonie/claudekit-skills☆ 2.2천2026년 4월 3일 업데이트
Applies a deliberate visual direction to an interface — minimalist editorial, industrial utilitarian, or high-polish commercial — each with its own type scale, palette behavior, surface treatment, and motion. Use this when a product needs a point of view rather than defaults, when choosing between visual directions, when an interface reads as generic, or when restyling something without changing its structure.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
cbrock84/headcount☆ 2.1천2026년 10월 19일 업데이트
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
openakita/openakita☆ 2천2026년 9월 24일 업데이트
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
openakita/openakita☆ 2천2026년 9월 24일 업데이트
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
composio-community/awesome-claude-plugins☆ 2천2026년 7월 26일 업데이트