本文へ移動
cccskills

デザインのスキル

UI/UX、ロゴ、スライド、画像生成(7,359 件)

価格や並び順で絞り込む

ultragoal

無料

Design, critique, set, create, activate, or run durable Codex goals for persistent or long-running objectives. Use when the user says "set a goal", "start a goal", "activate goal mode", "persistent goal", "long-running objective", "goal tree", or asks for a goal with verifiers, durable state, approval gates, completion proof, bounded delegation, or parent/child subagent goals.

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

heyAyushh/stacc32026年9月21日 更新

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility.

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

heyAyushh/stacc32026年9月21日 更新

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

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

heyAyushh/stacc32026年9月21日 更新

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

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

heyAyushh/stacc32026年9月21日 更新

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

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

heyAyushh/stacc32026年9月21日 更新

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

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

heyAyushh/stacc32026年9月21日 更新

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

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

heyAyushh/stacc32026年9月21日 更新

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.

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

heyAyushh/stacc32026年9月21日 更新

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

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

heyAyushh/stacc32026年9月21日 更新

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.

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

heyAyushh/stacc32026年9月21日 更新

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

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

heyAyushh/stacc32026年9月21日 更新

`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.

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

heyAyushh/stacc32026年9月21日 更新

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.

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

heyAyushh/stacc32026年9月21日 更新

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

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

heyAyushh/stacc32026年9月21日 更新

`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

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

heyAyushh/stacc32026年9月21日 更新

gpt-taste

無料

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.

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

heyAyushh/stacc32026年9月21日 更新

UI runtime 驗證 SKILL — 刷新 Cocos asset-db、執行 validate-ui-specs.js、headless-snapshot-test.js、capture-ui-screens.js,並依環境選用 cocos-screenshot 或 cocos-preview-qa 檢查實際畫面殘差,回寫 generated-review / runtime-verdict。USE FOR: 修改 layout / skin / screen / content / Panel / UI 資產後的驗證收尾。DO NOT USE FOR: 純資產生成、無 target 的整專案大範圍探索。

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

eaglhuang/3klife32026年10月22日 更新

UI 自動化生產總控 SKILL — 從 UI 示意圖、參考圖、Figma snapshot 或既有頁面經驗啟動,串接 proof draft、family-map、MCQ、normalized recipe、task shard、ui-spec 與 CompositePanel / ChildPanel scaffold、靜態驗證、Browser QA 自動調整,直到交付人類驗收。USE FOR: 想把一張新 UI 從「給圖」一路推進到可驗證的 screen package 與 QA 閉環。DO NOT USE FOR: 單純修一個 runtime bug、單一 prefab 微調、純美術資產委託。

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

eaglhuang/3klife32026年10月22日 更新

UI spec 與 Panel scaffold SKILL — 以 normalized recipe、family defaults、content contract 產出或更新 screen package 與 CompositePanel / ChildPanel TypeScript 骨架。USE FOR: 新 screen 從 recipe 落地、既有 screen 做 structure normalization、需要執行 compile-recipe-to-screen-spec.js / compile-recipe-to-panel-scaffold.js。DO NOT USE FOR: 最終視覺 QA、手工 Prefab 微調當正式流程。

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

eaglhuang/3klife32026年10月22日 更新

HTML -> UCUF (Cocos Creator UI) conversion skill. Use for turning a complete HTML source package with ui-design-tokens.json and colors_and_type.css into Cocos usable layout/skin/screen JSON, then validating with rule guard, visual fidelity risk, runtime interaction smoke, Cocos Editor final gate, and regression evidence.

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

eaglhuang/3klife32026年10月22日 更新

UI 預覽評審 SKILL — 截取 Cocos Editor Preview 畫面,與 proof draft 提供的參考圖逐 zone 比對,輸出視覺信心分數與 PASS/FAIL 評審報告,並回寫 runtime-verdict。USE FOR: ui-asset-qc 通過後,需要人工確認 + 自動評審的最終視覺驗收。DO NOT USE FOR: Runtime 崩潰(用 cocos-log-reader)、Browser QA 截圖(用 cocos-preview-qa)、資產規格問題(用 ui-asset-qc)。

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

eaglhuang/3klife32026年10月22日 更新

參考圖解析 SKILL — 從截圖、Figma 連結或參考 PNG 中,分解出 proof draft(visualZones + componentIntents + spacingRecipe + contentSlots + unresolved notes)。USE FOR: 拿到新畫面設計稿或截圖時,作為 UI production pipeline 第 1 步。DO NOT USE FOR: 直接生成 normalized recipe 或 screen package(需先完成此步再進 family / MCQ 收斂)。

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

eaglhuang/3klife32026年10月22日 更新

UI 多語在地化 SKILL — 從 zh-TW 基礎語系延伸 zh-CN / en / ja 語系 JSON,保留變數格式並輸出寬度風險摘要。USE FOR: 新 UI 鍵值落地後補多語、批次更新某個畫面的翻譯、先做文字長度風險盤點。DO NOT USE FOR: 純 runtime layout polish、直接修改非 i18n 的顯示文案。

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

eaglhuang/3klife32026年10月22日 更新

UI brief 生成 SKILL — 從 docs/keep.summary.md、正式規格書、task shard、cross-reference-index 與參考圖整理成可執行的 UI brief 或 task-ready brief。USE FOR: 新 UI 畫面開工前、既有畫面補 task shard 欄位、需要收斂 family / proof / normalized recipe / content_contract / smoke_route。DO NOT USE FOR: 直接修改 ui-spec JSON、直接做視覺 QA。

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

eaglhuang/3klife32026年10月22日 更新