Skip to content
cccskills

Results for “ui”

31K skills · sorted by relevance

gpui-kit

FreeSummary

Build desktop applications with GPUI Kit, a Rust framework. Guides setup, component selection, state management, themes, and background work, and explains UI integration tests that simulate input and check component behavior.

  • Setting up a GPUI Kit desktop app
  • Implementing forms and data tables
  • Organizing state, events, and background tasks
longbridge/gpui-kit18.1KUpdated Oct 18, 2026

genui

FreeSummary

Build and review Kortix replies that display cards, comparisons, charts, maps, and tabs. The skill guides structured UI blocks in OpenUI Lang, their web and mobile rendering, validation, Markdown conversion, and compatibility checks.

  • Designing visual components for Kortix replies
  • Implementing web and mobile renderers
  • Debugging invalid or undisplayable UI blocks
kortix-ai/suna20.3KUpdated Oct 18, 2026

gsd-ui-phase

FreeSummary

Create UI-SPEC.md, a document defining interface design decisions for a frontend phase. The skill coordinates UI research and specification checks, using a chosen phase or automatically selecting the next unplanned one.

  • Preparing UI specifications for a frontend phase
  • Researching UI before documenting design decisions
  • Checking a UI specification after drafting it
open-gsd/gsd-core10.7KUpdated Oct 18, 2026

5つの専門エージェント(UXデザイナー・ビジュアルデザイナー・アクセシビリティ専門家・ モバイルUI専門家・コピーデザイナー)がチームでUIを添削・改善するスキル。 Pencil(.pen)で画面デザインを作成・修正しながら、リアルタイムで議論する。 新規画面デザインの作成と既存UIのレビュー・改善の両方に対応。 iOS / Web / 汎用プラットフォームに対応。 Use when: UIを添削したい、画面デザインをレビューしたい、UIを改善したい、 デザインの品質を上げたい、UIのフィードバックがほしい、画面を作りたい。 Triggers: "UIレビュー", "UI添削", "デザインレビュー", "画面レビュー", "UIを見て", "デザインチェック", "UI改善", "画面デザイン", "ui review", "design review", "UI作成", "画面作成", "UIフィードバック"

The English summary is being prepared. Showing the original description.

sean-sunagaku/claude-code-plugin38Updated Jul 30, 2026

heroui-react

FreeSummary

Build React interfaces with HeroUI v3, including buttons, forms, cards, and modals. The skill guides installation, component documentation lookup, and light or dark theme configuration using Tailwind CSS v4 and reusable interface components.

  • Set up HeroUI v3 in a React project
  • Build forms and modals from documented examples
  • Customize light and dark themes
heroui-inc/heroui31KUpdated Oct 18, 2026

UIKit iOS/iPadOS UI フレームワーク。 UIViewController, UINavigationController, UITabBarController, UISplitViewController, UIView, UILabel, UIButton, UITextField, UIScrollView, UIStackView, UITableView, UICollectionView, diffable data source, NSDiffableDataSourceSnapshot, UICollectionViewCompositionalLayout, Auto Layout, NSLayoutConstraint, NSLayoutAnchor, UILayoutGuide, intrinsicContentSize。 UIArrangementViewController, UISplitArrangement, UIOverlayArrangement, UIView.ReservedRegion, UIHingeInteraction, 縦軸バー, iPhone Duo adaptive layout (iOS 27.1+), scene-based life cycle 移行, UISceneAccessory。SwiftUI ArrangementView とは別 API。

The English summary is being prepared. Showing the original description.

Fandhe-AI/agent-reference-skills4Updated Oct 18, 2026

Build iOS 26 interfaces with Liquid Glass, a translucent material that blurs backgrounds and responds to interaction. The skill covers buttons, cards, shape-changing transitions, and widgets using SwiftUI, UIKit, and WidgetKit, plus migration from existing blur effects.

  • Adding glass-style buttons and cards
  • Animating transitions between glass elements
  • Adapting widgets to tinted appearance
affaan-m/ECC283.3KUpdated Oct 16, 2026

heroui-native

FreeSummary

Build iOS and Android interfaces with HeroUI Native components such as buttons, cards, text fields, and dialogs. The skill covers setup, documentation lookup, and theme configuration with Uniwind, which brings Tailwind styling to React Native.

  • Set up HeroUI Native in an Expo project
  • Build mobile cards and input fields
  • Configure light and dark themes
heroui-inc/heroui31KUpdated Oct 18, 2026

Create a dedicated test project linked to the current worktree and check Agent Builder through APIs and browser interactions. It covers agent and skill management, permissions, defaults, and related features, with selectable test sections.

  • Validate an Agent Builder feature branch before review
  • Check role-based permissions and authentication
  • Test agent and skill management through APIs and the UI
mastra-ai/mastra28.9KUpdated Oct 18, 2026

Design and review desktop interfaces built with GPUI Kit. Applies rules for layouts, colors, components, interaction states, and interface wording, with checks for keyboard access, focus behavior, and accessibility before finishing the work.

  • Designing a new GPUI Kit screen
  • Reviewing colors, spacing, and components
  • Checking dialog and keyboard behavior
longbridge/gpui-kit18.1KUpdated Oct 18, 2026

Guide for optimizing MSBuild build parallelism and multi-project scheduling. Only activate in MSBuild/.NET build context. USE FOR: builds not utilizing all CPU cores, speeding up multi-project solutions, evaluating graph build mode (/graph), build time not improving with -m flag, understanding project dependency topology. Note: /maxcpucount default is 1 (sequential) — always use -m for parallel builds. Covers /maxcpucount, graph build for better scheduling and isolation, BuildInParallel on MSBuild task, reducing unnecessary ProjectReferences, solution filters (.slnf) for building subsets. DO NOT USE FOR: single-project builds, incremental build issues (use incremental-build), compilation slowness within a project (use build-perf-diagnostics), non-MSBuild build systems. INVOKES: binlog MCP server tools (expensive_projects, expensive_targets, project_target_times); falls back to dotnet build -m, dotnet build /graph, binlog replay + grep.

The English summary is being prepared. Showing the original description.

bouclem/skills7Updated May 31, 2026

tui-development

FreeSummary

Develop and fix OpenShell’s keyboard-driven terminal interface using guidance on screen structure, background data fetching, themes, and navigation. Follow existing implementation patterns to add features that fit the interface’s established behavior.

  • Adding a screen to the OpenShell terminal interface
  • Fixing log following and scrolling behavior
  • Implementing background data updates
NVIDIA/OpenShell16.6KUpdated Oct 19, 2026

shadcn-ui

FreeSummary

Build interface components with shadcn/ui, focusing on clear structure and accessibility so more people can use them. Pair the implementation work with the Stitch design loop to move from design iteration to working components.

  • Building interface components with shadcn/ui
  • Implementing components with accessibility in mind
  • Pairing component development with Stitch design iterations
nexu-io/open-design102.2KUpdated Oct 19, 2026

Rebuild modified packages in the Storybook monorepo and restart its internal UI after code changes. The workflow provides the running URL and can optionally create a UI review of stories related to the changes.

  • Rebuilding after changes to Storybook internals
  • Restarting the internal Storybook UI
  • Reviewing stories related to UI changes
storybookjs/storybook91.3KUpdated Oct 18, 2026

fluentui-blazor

FreeSummary

Build Blazor interfaces with Microsoft Fluent UI components. The skill guides library setup, forms, selection controls, dialogs, notifications, and themes, and helps troubleshoot missing interface elements caused by provider configuration or JavaScript integration issues.

  • Setting up Fluent UI in a Blazor application
  • Building forms with selection and autocomplete controls
  • Adding dialogs and toast notifications
github/awesome-copilot40.2KUpdated Oct 17, 2026

heroui-migration

FreeSummary

Migrate HeroUI v2 applications to v3 with guidance for component APIs, dependencies, styling, and hooks. Choose a full migration or move components gradually while both versions coexist, using migration documentation for each step.

  • Plan a full migration from HeroUI v2 to v3
  • Migrate components gradually while keeping the app functional
  • Update component APIs and event handlers
heroui-inc/heroui31KUpdated Oct 18, 2026

swift-expert

FreeSummary

Build Apple platform applications with Swift, including SwiftUI screens and state management. Design reusable interfaces with protocols, implement asynchronous tasks, protect shared data with actors, and check code through builds, performance profiling, and tests.

  • Building SwiftUI screens and state management
  • Fixing concurrency issues with async/await and actors
  • Designing protocol-based application architecture
Jeffallan/claude-skills11.9KUpdated Oct 17, 2026

Build complex interactive artifacts for claude.ai with React, Tailwind CSS, and shadcn/ui. Start from a configured project, develop interfaces with state management or navigation, and bundle the result into one shareable HTML file.

  • Building interactive interfaces with multiple components
  • Creating artifacts with state management and navigation
  • Developing interfaces with shadcn/ui components
anthropics/skills182KUpdated Oct 10, 2026

design-guide

FreeSummary

Build and update Paperclip interfaces using shared rules for colors, typography, status indicators, layouts, and interactions. Reuse existing components and keep the component catalog and showcase page aligned with new or changed interface elements.

  • Add pages that follow Paperclip UI conventions
  • Create reusable interface components
  • Standardize status colors and priority icons
paperclipai/paperclip104.1KUpdated Oct 18, 2026

ui-skills

FreeSummary

Guide an AI agent’s interface work with a shared set of design constraints. Use it to keep many small UI elements coherent across an interface, with the full workflow available through the separately installed upstream bundle.

  • Keeping multiple UI components consistent
  • Giving an agent shared rules for interface work
  • Including UI constraints during project planning
nexu-io/open-design102.2KUpdated Oct 19, 2026

anti-ui-slop

FreeSummary

Design, refine, or review web and iOS interfaces using the product’s existing components and visual style. Consult relevant screen examples when useful, then inspect the result for layout problems, inaccessible controls, and broken interactions.

  • Designing screens that fit an existing product
  • Refining a dashboard or simplifying an interface
  • Reviewing layouts and interactions before release
github/awesome-copilot40.2KUpdated Oct 17, 2026

winui-app

FreeSummary

Build and improve Windows desktop apps with C#, WinUI 3, and the Windows App SDK. Guidance covers development setup, native interface design, implementation, troubleshooting, packaging choices, and verification through both builds and actual app launches.

  • Checking and preparing a WinUI development environment
  • Creating a new Windows desktop app
  • Improving navigation, themes, and adaptive layouts
openai/skills28.2KUpdated Sep 9, 2026

Learn Cloud Build fundamentals and set up a basic build trigger for source code changes. Covers project preparation, configuration files, manual trigger runs, and checking build history and logs in Google Cloud.

  • Learn build steps, artifacts, and configuration file basics
  • Create a trigger that builds code after a Git push
  • Run an existing trigger manually
google/skills21.4KUpdated Oct 17, 2026

build-carla-ue58

FreeSummary

Build CARLA for Unreal Engine 5.8 using CMake, the tool that configures its build process. The skill guides engine setup, optional ROS 2 support, Python API rebuilding, editor builds, and checks that the expected files were actually produced.

  • Building CARLA for Unreal Engine 5.8
  • Building and verifying native ROS 2 support
  • Rebuilding the Python API after client changes
carla-simulator/carla14.5KUpdated Oct 18, 2026