本文へ移動
cccskills

デザインのスキル

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

価格や並び順で絞り込む

ui-sharp

無料

Lean, sharp UI posture — the everyday default for building or redesigning a UI. Use when asked to build or make a page, panel, list, form, or dashboard good, cleaner, or nicer, or for a fast confident refresh where the agent uses its judgment instead of asking for a spec.

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

armanisadeghi/ai-matrx42026年10月23日 更新

Orchestrator that runs one UI brief through all four ui-* posture skills in parallel, then picks and merges a winner. Use when a screen matters enough to explore several directions, or the user says 'build it a few ways', 'design options', 'bake-off', 'show me variations', or 'compare approaches'.

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

armanisadeghi/ai-matrx42026年10月23日 更新

Recipe for THE DOOR LAW (every record the UI names opens; every detected problem ships its fix) and THE INVENTORY LAW. Use before building or fixing a surface that names a record or flags a problem (cell, row, dialog, badge, warning, id, count), or on 'no link to X', 'why can't I click this', 'dead end', EntityRef, peek. NOT for page chrome (use core-route-headers).

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

armanisadeghi/ai-matrx42026年10月23日 更新

Recipe for building one focused UI section out for every consumer. Use when asked to 'make this section canonical', 'productize this widget', give it 'the full treatment', or set it up 'like the SEO metadata system', or when building a new analyzer, preview, or calculator section.

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

armanisadeghi/ai-matrx42026年10月23日 更新

Lifecycle for AI Matrx agent-aware UI surfaces. Use when creating a surface in features/surfaces/manifests/, or completing or repairing one that is partial, stubbed, unregistered, missing runtime context or context menus, or not agent-wired. NOT for certifying a surface (use surface-check).

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

armanisadeghi/ai-matrx42026年10月23日 更新

page-pass

無料

The one skill for taking a page to done: its agent surface and its UI/UX, in one pass. Use when assigned pages or routes to pass, on `/page-pass <route>`, or when a campaign brief says 'do the page pass'. NOT for certification ledger writes (use surface-certification-loop).

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

armanisadeghi/ai-matrx42026年10月23日 更新

Coordinator for the fleet that repairs and independently certifies registered UI surfaces through Work Loop claims. Use for pilot batches, recurring certification, repair rounds, or retroactive rechecks after surface-check rules change. NOT for one assigned surface (use surface-check).

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

armanisadeghi/ai-matrx42026年10月23日 更新

Continuous localhost UI iteration loop with Arman, through full surface certification. Use when he asks to fix, refine, review, or iterate on a page, route, panel, overlay, or other UI while he may inspect localhost. NOT for a report-only UI audit.

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

armanisadeghi/ai-matrx42026年10月23日 更新

Generic loading UI repair for Pattern Patrol P8. Use when you find 'Loading...' text, unlabeled spinners, meaningless pulses, Suspense fallbacks, or loading placeholders, or when running a P8 patrol.

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

armanisadeghi/ai-matrx42026年10月23日 更新

Emoji and Unicode-glyph removal for Lucide-only UI (Pattern Patrol P6). Use when running a P6 patrol, a UI edit meets an emoji or icon glyph in TSX, or asked to enforce Lucide-only icons.

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

armanisadeghi/ai-matrx42026年10月23日 更新

iOS-native mobile web UX rules. Use when building any UI component, fixing mobile issues, reviewing responsive code, or touching viewport heights (dvh vs h-screen), safe areas, Dialog vs Drawer, tabs on mobile, touch targets, or input zoom.

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

armanisadeghi/ai-matrx42026年10月23日 更新

Rules for every string rendered inside the app, plus the sweep that removes in-app prose. Use when writing or changing a label, hint, description, tooltip, empty state or KPI tile in a .tsx file, or when running Pattern Patrol P14 or asked to find or fix long UI text.

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

armanisadeghi/ai-matrx42026年10月23日 更新

Redux state for agent execution and firing agent shortcuts. Use when editing features/agents/redux/, building agent UI, creating a conversation, touching assembleRequest or NDJSON stream state, wiring agent-state selectors, adding a per-conversation capability, or triggering a shortcut from a button, menu, or code (useShortcutTrigger, launchAgentExecution).

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

armanisadeghi/ai-matrx42026年10月23日 更新

project-init

無料概要あり

GitHub Project v2 を新規作成し、Status/Priority/Size の標準フィールドを設定してリポジトリにリンクする。Auto-add/Auto-archive/Auto-close 等のビルトインワークフロー設定 URL もガイド (CLI 不可・Web UI のみ)。「プロジェクト作って」「Project v2 セットアップ」「カンバン作成」などで使用。

Fandhe-AI/agent-reference-skills42026年10月24日 更新

Windows アプリ開発 (WinUI 3 / Windows App SDK) のコントロール API リファレンス。 Microsoft.UI.Xaml.Controls。Button, CheckBox, RadioButtons, ToggleSwitch, Slider, TextBox, RichEditBox, AutoSuggestBox, NumberBox, ListView, GridView, ItemsView, ItemsRepeater, TreeView, ComboBox, NavigationView, TabView, Frame, SplitView, BreadcrumbBar, ContentDialog, Flyout, CommandBar, TeachingTip, InfoBar, MediaPlayerElement, WebView2, CalendarView, DatePicker, ColorPicker, TitleBar。

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

Fandhe-AI/agent-reference-skills42026年10月24日 更新

Windows アプリ開発 (WinUI 3 / XAML) の UI 基盤リファレンス。 Grid, StackPanel, Canvas, RelativePanel, SplitView, ScrollViewer、x:Bind, x:Name, x:Class, StaticResource, ThemeResource、添付プロパティ, 依存関係プロパティ、Style, ControlTemplate, DataTemplate, VisualStateManager, ResourceDictionary、Acrylic, Mica, SystemBackdrop, SystemBackdropElement、compact sizing、Binding, INotifyPropertyChanged, ObservableCollection, IValueConverter, DataContext, MVVM、 Storyboard, DoubleAnimation, EasingFunction, ThemeTransition, ConnectedAnimation, ImplicitAnimation、XamlOptionalChanges。

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

Fandhe-AI/agent-reference-skills42026年10月24日 更新

Windows アプリ開発 (Fluent Design / WinUI 3) のデザインガイドライン。 layout, alignment, spacing, geometry, elevation, breakpoints, Color, materials, Mica, Acrylic, Smoke, Reveal Focus, Reveal Highlight (非推奨), typography, Segoe Fluent Icons, app icons, motion, easing, page transitions, connected animation, parallax, reduce motion, haptics, NavigationView, TitleBar, TabView, CommandBar, menus, keyboard accelerators, access keys, accessibility, high contrast, globalization, RTL, widgets design。

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

Fandhe-AI/agent-reference-skills42026年10月24日 更新

Windows アプリ開発 (DirectX / WinRT メディア) のグラフィックス・メディア API リファレンス。 Direct2D (ID2D1Factory, ID2D1DeviceContext, ID2D1Bitmap1, ID2D1Effect, D2D1 Effects, ID2D1PathGeometry), DirectWrite (IDWriteFactory, IDWriteTextLayout, DWriteCore), Direct3D 11/12 (D3D11CreateDevice, D3D11On12, DXGI SwapChain, HLSL, D3D12 PipelineState, D3D12 DRED), Microsoft.UI.Composition (Compositor, Visual, ExpressionAnimation, InteractionTracker, MicaController), カメラ・画面キャプチャ (MediaCapture, MediaFrameReader, GraphicsCaptureSession, Windows Studio Effects, OpenCV)、音声・動画再生 (MediaPlayer, MediaPlaybackSession, AudioGraph, MediaTranscoder, AdaptiveMediaSource, HLS, DASH, CastingDevicePicker, AudioPlaybackConnection)。

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

Fandhe-AI/agent-reference-skills42026年10月24日 更新

figma

無料

Figma REST API / Plugin API / Widget API / Code Connect / MCP Server / Dev Mode リファレンス OAuth / PAT / Plan Access Token, files, folders, variables, VariableComposedColor, webhooks, SCIM, Dev Resources, activity-logs, library-analytics FrameNode, TextNode, ComponentNode, figma.variables, figma.codegen, figma.ui, textWrapStyle, variable fonts Widget useSyncedState, useSyncedMap, usePropertyMenu, AutoLayout Code Connect template files (.figma.ts) / legacy parser / custom parsers / register / Storybook (React / SwiftUI / Compose / HTML) MCP Code to Canvas, Write to Canvas, html_to_figma, generate_image, get_motion_context, generative plugins / shaders, Figma Weave

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

Fandhe-AI/agent-reference-skills42026年10月24日 更新

feature-sliced-design

無料概要あり

Feature-Sliced Design (FSD、フロントエンドアーキテクチャ手法) リファレンスとルール。 別名 fsd / feature-sliced。layers (app / pages / widgets / features / entities / shared)、 依存方向、Public API、@x 記法 (cross-import)、slice groups (スライスグループ)、 segments (ui / model / api / lib / config)、steiger、Next.js、TanStack Query 連携。 コードレビュー・リファクタリング時に自動参照。

Fandhe-AI/agent-reference-skills42026年10月24日 更新

TanStack Table (React Table) v9 ヘッドレステーブル (@tanstack/react-table) の API リファレンス。 ark-ui / chakra-ui のスタイル付き Table とは別。 useTable, createTableHook, tableFeatures, createColumnHelper, flexRender, createCoreRowModel, table.Subscribe, atoms, React Compiler, custom features, sorting, column / global / fuzzy filtering, faceting, pagination, row selection, expanding, grouping / aggregation, column / row の ordering・pinning・sizing・visibility, virtualization。 v8 legacy (useReactTable / getCoreRowModel) と v9 移行。

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

Fandhe-AI/agent-reference-skills42026年10月24日 更新

motion

無料

Motion (旧 Framer Motion) アニメーションライブラリ リファレンス。motion/react, vanilla JS, Vue 版 motion-v (v-motion ディレクティブ)。 AnimatePresence, AnimateView, LayoutGroup, LazyMotion, MotionConfig, Reorder, useAnimate, useScroll, useSpring, useTransform, useMotionValue, useInView, motionValue。 animate, animateView, scroll, inView, hover, press, stagger, spring, timeline, transitions, styleEffect, threeEffect。Motion+ Carousel, Cursor, Ticker, Typewriter, AnimateNumber。 layout, drag, gestures, SVG, Tailwind, Lenis 連携。accessibility, performance, bundle 最適化, troubleshooting。

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

Fandhe-AI/agent-reference-skills42026年10月24日 更新

biome

無料

Biome (Rust 製フォーマッター・リンター) リファレンス。 JavaScript / TypeScript / JSX / CSS / JSON / GraphQL / HTML (Vue, Svelte, Astro) 対応。 biome.json, biome check / lint / format / ci / migrate / upgrade, linter ルール・preset・domains, GritQL プラグイン, assist (organizeImports), suppressions (biome-ignore), LSP / VS Code / Zed, ESLint / Prettier 移行, monorepo, CI。

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

Fandhe-AI/agent-reference-skills42026年10月24日 更新

chakra-ui

無料概要あり

Chakra UI v3 (React コンポーネントライブラリ) リファレンス。 別名: Chakra, chakra, chakra-ui。 コンポーネント (Button, Input, Modal, Drawer, Toast, Menu, Tabs, Tooltip 等)、 レイアウト、フォーム、オーバーレイ、チャート、テーマ、レシピ、 スタイルプロップ、レスポンシブ、ダークモード、Chakra UI Pro ブロック。

Fandhe-AI/agent-reference-skills42026年10月24日 更新