본문으로 건너뛰기
cccskills

디자인 스킬

UI/UX, 로고, 슬라이드, 이미지 생성 (7.3천건)

가격이나 정렬 순서로 필터

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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 アプリ開発 (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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

ark-ui

무료

Ark UI headless / unstyled コンポーネントライブラリ。Zag.js ベース、Chakra UI v3 基盤。 React / Solid / Vue / Svelte 対応。asChild, RootProvider, createListCollection, createTreeCollection, Presence hideMode, useHotkey / useHotkeys, data-* セレクタ。 Navigation Menu, TOC, Tour, Signature Pad, Image Cropper, Floating Panel, Angle Slider 等のコンポーネント API。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Fandhe-AI/agent-reference-skills42026년 10월 24일 업데이트

Android アプリ開発 (Kotlin) の Media3 / CameraX リファレンス。androidx.media3, androidx.camera。 ExoPlayer, HLS / DASH / RTSP / SmoothStreaming, HlsInterstitialsAdsLoader, CMCD, MediaSession, MediaSessionService, MediaLibraryService, DRM, Compose UI (PlayerSurface), ProcessCameraProvider, CameraSelector, ImageCapture, ImageAnalysis, VideoCapture, CameraInfo, CameraX Extensions, Camera2 Interop, Camera1 移行。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Fandhe-AI/agent-reference-skills42026년 10월 24일 업데이트

Android Jetpack Compose (Kotlin) の androidx Material3 コンポーネントリファレンス。 Button, IconButton, FloatingActionButton, Checkbox, Switch, Slider, TextField, SearchBar, DropdownMenu, Chip, DatePicker, TimePicker, Card, Scaffold, Dialog, BottomSheet, TopAppBar, NavigationBar, NavigationRail, Tab, Snackbar, ProgressIndicator, Badge, Icon, MaterialTheme, ColorScheme, Typography, Shapes。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Fandhe-AI/agent-reference-skills42026년 10월 24일 업데이트

Android Jetpack Compose (Kotlin) の UI 基盤リファレンス。androidx, Material3 土台。 Composable, Modifier, CompositionLocal, remember, mutableStateOf, State, LaunchedEffect。 Column, Row, Box, LazyColumn, Pager, ConstraintLayout, WindowSizeClass, ペインスキャフォールド。 BasicText, BasicTextField, TextStyle, IME, clickable, ジェスチャ, フォーカス, セマンティクス。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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일 업데이트