本文へ移動
cccskills

「colors」の検索結果

348 件 ・ 関連度順

概要と使いどころ

Use when styling UI for render.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

日本語の概要は準備中です。原文の説明を表示しています。

Manavarya09/design-extract4,2282026年10月9日 更新

Use when styling UI for posthog.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

日本語の概要は準備中です。原文の説明を表示しています。

Manavarya09/design-extract4,2282026年10月9日 更新

Use when styling UI for postman.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

日本語の概要は準備中です。原文の説明を表示しています。

Manavarya09/design-extract4,2282026年10月9日 更新

Use this skill to generate well-branded interfaces and assets for fast-agent, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for protoyping.

日本語の概要は準備中です。原文の説明を表示しています。

evalstate/fast-agent3,9322026年10月13日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

foryourhealth111-pixel/Vibe-Skills3,6752026年8月31日 更新

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/buildwithclaude3,6322026年10月12日 更新

Configure Obsidian graph colors by tag, folder, category, or visibility by updating .obsidian/graph.json. Use for graph colorization; preserve other graph settings and back up before changes.

日本語の概要は準備中です。原文の説明を表示しています。

Ar9av/obsidian-wiki3,5582026年10月10日 更新

tetris

無料

Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.

日本語の概要は準備中です。原文の説明を表示しています。

bergside/awesome-design-skills3,1492026年6月28日 更新

bold

無料

Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.

日本語の概要は準備中です。原文の説明を表示しています。

bergside/awesome-design-skills3,1492026年6月28日 更新

paper

無料

Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.

日本語の概要は準備中です。原文の説明を表示しています。

bergside/awesome-design-skills3,1492026年6月28日 更新

pulse

無料

Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.

日本語の概要は準備中です。原文の説明を表示しています。

bergside/awesome-design-skills3,1492026年6月28日 更新

flat

無料

Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.

日本語の概要は準備中です。原文の説明を表示しています。

bergside/awesome-design-skills3,1492026年6月28日 更新

lingo

無料

Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.

日本語の概要は準備中です。原文の説明を表示しています。

bergside/awesome-design-skills3,1492026年6月28日 更新

geometric

無料

Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.

日本語の概要は準備中です。原文の説明を表示しています。

bergside/awesome-design-skills3,1492026年6月28日 更新

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.

日本語の概要は準備中です。原文の説明を表示しています。

bergside/awesome-design-skills3,1492026年6月28日 更新

pacman

無料

Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.

日本語の概要は準備中です。原文の説明を表示しています。

bergside/awesome-design-skills3,1492026年6月28日 更新

Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.

日本語の概要は準備中です。原文の説明を表示しています。

bergside/awesome-design-skills3,1492026年6月28日 更新

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, implementing dark mode, debugging CSS variable issues, fixing theme switching, migrating from Tailwind v3, or encountering color/theming problems. Covers: @theme inline pattern, CSS variable architecture, dark mode with ThemeProvider, component composition, vite.config setup, common v4 gotchas, and production-tested patterns. Keywords: Tailwind v4, shadcn/ui, @tailwindcss/vite, @theme inline, dark mode, CSS variables, hsl() wrapper, components.json, React theming, theme switching, colors not working, variables broken, theme not applying, @plugin directive, typography plugin, forms plugin, prose class, @tailwindcss/typography, @tailwindcss/forms

日本語の概要は準備中です。原文の説明を表示しています。

MaxMiksa/Auto-Company3,1282026年10月4日 更新

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/skills2,8082026年10月7日 更新

Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows, onboarding, paywalls, tab bars, sheets, settings, empty states — or when polishing motion, navigation, typography, dark mode, or perceived performance. Enforces Apple HIG fidelity, semantic colors, native controls, anti-slop discipline, navigation semantics (push vs replace, modal vs sheet vs overlay, the one-way doors where back must not exist), purposeful Reanimated motion, a full-motion simulator-verified iteration loop, and a study-real-apps-first workflow (pairs with the Appllama MCP). Trigger on "build a screen", "make this screen better", "design the onboarding", "wire up this flow", "polish the UI", "make it feel native", or any mobile design/implementation task.

日本語の概要は準備中です。原文の説明を表示しています。

Appllama/appllama-skills2,7082026年9月6日 更新

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

日本語の概要は準備中です。原文の説明を表示しています。

mrgoonie/claudekit-skills2,2282026年4月3日 更新

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/openakita1,9992026年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-plugins1,9422026年7月26日 更新

Create consistent chalk-based color and styling system for CLI output with themes, semantic colors, and formatting utilities.

日本語の概要は準備中です。原文の説明を表示しています。

a5c-ai/babysitter1,8412026年9月17日 更新