本文へ移動
cccskills

デザインのスキル

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

価格や並び順で絞り込む

概要と使いどころ

Reviews page hierarchy, grouping, density, actions and state design using consumer-owned product and design-system guidance. Use when asked for a visual design review, page critique or whether a new page communicates its task clearly.

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

github/replica142026年10月17日 更新

Rembric dashboard UI work (dark monochrome zinc surfaces, lime accent, Geist type, Spectrum data-tables) — building / editing / extending pages, styles, components, modals, tables, filters, pagination, mobile responsive, destructive confirmations. Use when the user asks for changes under `apps/web/src/app/dashboard/` or `apps/web/src/components/dashboard/`, mentions Rembric design tokens (lime, zinc, command bar, StatusPill, hl-lime, data-table), or requests a new dashboard page / form / table.

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

susomejias/rembric142026年10月16日 更新

Rework a change as if the intended UX and architecture had existed from day one — deleting compatibility cruft, dead branches, and accidental complexity instead of patching around them. Use when refactoring, cleaning up after a feature lands, removing flags, collapsing legacy paths, or when the user says the code "should look like X from scratch".

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

susomejias/rembric142026年10月16日 更新

Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.

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

susomejias/rembric142026年10月16日 更新

shadcn

無料

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. 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".

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

susomejias/rembric142026年10月16日 更新

Propose a new change with all artifacts generated in one step. Use when the user wants to quickly describe what they want to build and get a complete proposal with design, specs, and tasks ready for implementation.

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

susomejias/rembric142026年10月16日 更新

This skill determines whether an adolescent or adult patient meets DSM-5 criteria for gender dysphoria (gender incongruence) by evaluating the presence of at least two of six specified criteria over a minimum 6-month duration, accompanied by clinically significant distress or impairment. It is triggered when a clinician queries whether the patient's reported symptoms align with gender dysphoria, such as persistent incongruence between experienced/expressed gender and designated gender.

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

dromlakhani/MD2SKILL142026年10月5日 更新

tdd

無料

Workflow Phase 6 — TDD coordinator. Decides the scenario recipe and the implementation contract in main context, writes them to a state file, seeds per-worker tasks (scenario, implement, verify-tick, design-ui-tick) into the TaskList, and yields with harness_state continue so the harness invokes each worker as its own tick. No subagent delegation; no nested Skill calls.

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

friedbotstudio/baseline142026年10月13日 更新

spec-lint

無料

Preflight a spec draft without saving. Runs the same checks as the write-boundary hooks — PlantUML syntax, required diagram presence, AC-to-sequence traceability, Design calls quality floor, and System delta row resolution — and prints a compact pass/fail table. Use while iterating so the hooks don't bite on save.

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

friedbotstudio/baseline142026年10月13日 更新

Capture what someone actually said without contaminating it with your own inference. Invoke when eliciting intent in conversation (design discussion, requirement interview, decision surfacing) and when turning a conversation into a durable record (ADR, decision node, memory entry, spec `## Decisions` row). Enforces quote-before-critique, keeps illustration separate from commitment, and holds interpretation subordinate to verbatim. Prevents the failure where unspecified space is filled by the recorder and then evaluated as if the speaker had specified it.

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

friedbotstudio/baseline142026年10月13日 更新

design-ui

無料

Orchestrates `impeccable` for every design task inside a workflow phase. Captures intent in natural language, classifies it (design / development / copy), translates design intents into a sequence of impeccable subcommand invocations, runs them in main context with state persistence at `.claude/state/design/<slug>.json`, and returns a structured report. ALWAYS invokes `impeccable` under the hood for the underlying design move; never picks aesthetic direction itself; never writes product code directly. Per CLAUDE.md Article X.2, all design tasks in workflow phases route through this skill.

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

friedbotstudio/baseline142026年10月13日 更新

로컬 품질 검증과 실패 원인 분류. AGENTS.md/DESIGN.md 규칙 준수 확인, pnpm 기반 검증, PR 전 점검

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

OU9999/codex-webtoon142026年7月1日 更新

로컬 품질 검증과 실패 원인 분류. AGENTS.md/DESIGN.md 준수 확인, pnpm 기반 검증, PR 전 점검

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

OU9999/codex-webtoon142026年7月1日 更新

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

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

kevinnft/ai-agent-skills142026年8月1日 更新

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

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

kevinnft/ai-agent-skills142026年8月1日 更新

Control a running TouchDesigner instance via twozero MCP — create operators, set parameters, wire connections, execute Python, build real-time visuals. 36 native tools.

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

kevinnft/ai-agent-skills142026年8月1日 更新

sketch

無料

Throwaway HTML mockups: 2-3 design variants to compare.

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

kevinnft/ai-agent-skills142026年8月1日 更新

Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.

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

kevinnft/ai-agent-skills142026年8月1日 更新

Design one-off HTML artifacts (landing, deck, prototype).

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

kevinnft/ai-agent-skills142026年8月1日 更新

Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the output needs to look and feel production-quality rather than AI-generated.

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

kevinnft/ai-agent-skills142026年8月1日 更新

design-md

無料

Author/validate/export Google's DESIGN.md token spec files.

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

kevinnft/ai-agent-skills142026年8月1日 更新

pretext

無料

Use when building creative browser demos with @chenglou/pretext — DOM-free text layout for ASCII art, typographic flow around obstacles, text-as-geometry games, kinetic typography, and text-powered generative art. Produces single-file HTML demos by default.

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

kevinnft/ai-agent-skills142026年8月1日 更新

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

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

kevinnft/ai-agent-skills142026年8月1日 更新

Design patterns for building autonomous coding agents, inspired by [Cline](https://github.com/cline/cline) and [OpenAI Codex](https://github.com/openai/codex).

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

sinhoneyy/master-skills142026年9月5日 更新