本文へ移動
cccskills

デザインのスキル

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

価格や並び順で絞り込む

ux-spec

無料

Generates UI/UX specifications with wireframes and design system. Creates UX_SPEC.md and DESIGN_SYSTEM.md from PRD and Architecture specs. Use when designing app interface and creating design system.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Designing for visionOS — spatial layout and ergonomics (60pt eye targets, field-of-view placement, dynamic scale), eyes-and-hands input with hover rules, motion and visual comfort (the 0.2 Hz rule, vection, depth-cue agreement), immersion strategy, spatial sound, and the video-format decision guide. Use when designing or reviewing any visionOS app, window, volume, or immersive experience.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Generates detailed implementation guide with pseudo-code and step-by-step development instructions. Creates IMPLEMENTATION_GUIDE.md from PRD, Architecture, and UX specs. Use when creating development roadmap.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Deep dive into software architecture for macOS. Covers SOLID principles, design patterns, and modular code organization. Use when designing app architecture or refactoring.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Assistive Access implementation for cognitive accessibility including simplified scenes, navigation icons, runtime detection, and design principles. Use when optimizing apps for Assistive Access mode.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Build, install, launch, and screenshot an iOS app in the Simulator to verify a change visually. Use when the user wants to run the app, see a change live, screenshot the running app, or confirm a UI fix actually works (not just that it compiles).

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Comprehensive UI/UX review for macOS Tahoe apps. Covers Liquid Glass design, HIG compliance, SwiftUI patterns, and accessibility. Use when reviewing macOS UI or checking HIG compliance.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

ui-review

無料

Review SwiftUI code for iOS/watchOS Human Interface Guidelines compliance, font usage, Dynamic Type support, and accessibility. Use when user mentions UI review, HIG, accessibility audit, font checks, or wants to verify interface design against Apple standards.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

whats-new

無料

Generates a "What's New" / changelog screen shown after app updates with version tracking, feature highlights, and one-time display per version. Use when user wants release notes UI, update notifications, or feature announcements.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Generates a complete settings screen for iOS/macOS apps with common sections. Use when user wants to add settings, preferences, or configuration UI.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Generates achievement celebration UI with confetti animations, badge unlocks, progress milestones, haptic feedback, and optional share-to-social. Use when user wants to celebrate achievements, show confetti, display milestone badges, or trigger rewards on key thresholds.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Comprehensive macOS development guidance including Swift 6+, SwiftUI, SwiftData, architecture patterns, AppKit bridging, and macOS 26 Tahoe APIs. Use for macOS code review, best practices, UI review, or platform-specific features.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

SF Symbols end-to-end — choosing and configuring the 7,000+ system symbols (rendering modes, variable color/draw, gradients), authoring custom symbols that interpolate across weights, and the animation preset vocabulary. Use when picking iconography, building custom symbols, animating symbol state changes, or rendering values as symbols.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

UI typography on Apple platforms — text styles and Dynamic Type, the San Francisco family (Pro/Rounded/Compact/Mono/New York + width axis), optical sizes, tracking vs kerning, leading adjustments, and custom-font scaling. Use when choosing fonts, building type hierarchy, fixing truncation/legibility, or making custom fonts respect Dynamic Type.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Explore multiple *divergent* UI directions for a screen as named Swift

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

game-feel

無料

Game feel ("juice") for Apple apps — celebration choreography, haptic vocabulary design, sound-effect layers, and the event×channel feedback audit. Use when big moments fall flat, when designing haptics or SFX, or when auditing whether every meaningful event actually reaches the user.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

visionos

無料

visionOS skills — spatial design (layout ergonomics, eyes-and-hands input, motion comfort, immersion, environments) and widget patterns (mounting styles, glass/paper textures, proximity-aware layouts). Use when designing, building, or reviewing anything for visionOS.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Interface copy that works — voice/tone, the PACE framework, alert anatomy, naming features, empty states, error messages, and the small-word edits that measurably improve UX. Distilled from Apple's writing sessions (2017–2026). Use when writing or reviewing any user-facing text — labels, alerts, onboarding, notifications, empty states, paywalls — or naming a feature.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

Implement Liquid Glass design using .glassEffect() API for iOS/macOS 26+. Covers SwiftUI, AppKit, UIKit, and WidgetKit. Use when creating modern glass-based UI effects.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

SwiftUI animation patterns including springs, transitions, PhaseAnimator, KeyframeAnimator, SF Symbol effects, scroll-driven effects, mesh gradients, text renderers, and shader effects. Use when implementing, reviewing, or fixing animation or visual-effect code on iOS/macOS.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

watchOS

無料

watchOS development guidance including SwiftUI for Watch, Watch Connectivity, complications, and watch-specific UI patterns. Use for watchOS code review, best practices, or Watch app development.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

design

無料

Design skills for Apple platform UI — Liquid Glass, animations, game feel (haptics, sound, celebrations), UI prototyping, UX writing, SF Symbols, and typography. Use when implementing design language features, adding juice/feedback, writing interface copy, or choosing type and iconography.

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

rshankras/claude-code-apple-skills8282026年7月24日 更新

big-arrow

無料

Point at something on the human's macOS screen with a big arrow and a sign ("Franz, click HERE") using the bigarrow CLI. Use whenever the human has to look at, click, type into or choose a specific spot, button, field, window, tab or menu: show me where, point to it, which button, where do I click, zeig mir wo, guide me through this UI, the human must approve or sign something, or you need the human's hand and they may not be looking at the terminal. Mandatory when it is time-critical: a code that expires, a login or payment page that times out, a build waiting on the human.

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

franzenzenhofer/big-arrow-on-the-screen8142026年10月19日 更新

维护 easyeda-agent 仓库的 Skill、CLI、daemon、connector 与文档,补回可复用经验并组织验证和 Git 贡献。 Develop and contribute to the linked automation repository; use easyeda-agent for circuit design operations.

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

zhoushoujianwork/easyeda-agent8132026年10月24日 更新