575 skills · sorted by relevance
Translate Figma designs into SwiftUI code, or bring SwiftUI views, screens, and design tokens into Figma. The guidance preserves iOS interface patterns, semantic colors, and SF Symbols names across both directions.
Translate Figma designs into SwiftUI code, or bring SwiftUI views, screens, and design tokens into Figma. The guidance preserves iOS interface patterns, semantic colors, and SF Symbols names across both directions.
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.
Use SwiftUI interface components and appearance settings in an Expo SDK 55 app. The skill guides package installation, wrapping SwiftUI content in Host, and embedding React Native components within a SwiftUI layout.
Create and run tests for interactive command-line tools and terminal interfaces using @microsoft/tui-test. Simulate keyboard input, check visible text, and compare screen snapshots in a separate terminal environment for each test.
Review SwiftUI projects for outdated APIs, data flow, layout, accessibility, and performance issues. Get findings organized by file, with brief before-and-after code examples and a prioritized summary of the changes that matter most.
Add native macOS behavior when SwiftUI alone falls short. Choose a small AppKit bridge for views, windows, panels, or menus, while clarifying state ownership, data flow, and lifecycle risks that need validation.
Build and review SwiftUI interfaces for iOS and macOS with guidance on state management, reusable views, navigation, and rendering performance. Examples show how to organize data flow and reduce unnecessary screen updates.
Guide SwiftUI interface design with rules against generic AI styling, advice on design direction, guidance for handling brand assets, and reviews across five dimensions. Use it to shape and assess native app interfaces.
Build interactive terminal screens with OpenTUI using its core API, React, or Solid. Guides framework selection, components, layout, keyboard input, animations, and testing, with references for project setup and troubleshooting.
Add or update tests for GitButler’s Ratatui terminal interfaces. It guides simulated key input, selection checks, SVG snapshots that record expected screen output, and commands for running tests or updating snapshots.
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.
Operate and test terminal apps without a display using named background sessions. Wait for visible screen changes, send keystrokes, reproduce Cline CLI bugs, capture text or PNG evidence, and write automated tests of interactive behavior.
Refactor large SwiftUI screens into smaller views with clear inputs and state ownership. Organize actions, shared dependencies, and observable models while preserving existing layout and behavior, making the code easier to read and test.
Test SwiftUI apps on a real iPhone or iPad by repeatedly capturing screens, analyzing them, taking actions, and verifying results. An embedded HTTP server enables interaction, with optional remote access through Tailscale.
Design, implement, or review native Mac interfaces using SwiftUI or AppKit. Organize panes, remove unnecessary containers, and apply restrained Liquid Glass effects while checking resizing, interaction states, and accessibility, including designs supplied through Figma.
Investigate slow rendering, uneven scrolling, and excessive updates in SwiftUI apps by reviewing code first. When needed, use runtime measurements to assess likely causes, prioritize fixes, and compare performance before and after changes.
Refactor large macOS SwiftUI views into focused files and components. Clarify window state, selection, commands, and AppKit integration while preserving existing behavior and keeping the main layout stable as users change selections.
View and interact with an iOS Simulator inside the Codex browser. Display SwiftUI previews from importable Swift packages, see source edits update the running preview, and capture screenshots to document the visible results.
Design, mock up, build and review terminal UIs — full-screen TUIs, interactive CLIs and pickers, and plugin panels or popups inside a host (herdr, tmux, Neovim, k9s, lazygit). Use when designing, reviewing (from code, a live capture or a screenshot) or redesigning a TUI's layout, keybindings, states or colors, including requests that name a known TUI (lazygit, k9s, btop, yazi, helix, fzf); writing terminal mockups; building or fixing one in Ink, Textual, Bubble Tea, Ratatui or gum; mapping a color scheme (Catppuccin, Dracula, Nord, Gruvbox, Tokyo Night, Rosé Pine…) onto a TUI's theme; fixing misaligned glyphs, flicker, NO_COLOR, exit codes, signals, pipes or a broken terminal after exit; suspend or $EDITOR handoff; or profiling a slow TUI. Not for web or native GUIs, terminal-emulator, editor or shell-prompt themes.
The English summary is being prepared. Showing the original description.
SwiftUI ↔ Figma translation. Use whenever the user mentions Swift, SwiftUI, iOS, iPhone, or iPad — in EITHER direction — translating a Figma design into SwiftUI (design → code), or pushing SwiftUI views / screens / tokens back into a Figma file (code → design). Triggers on phrases like 'implement this Figma design in SwiftUI', 'build this screen in Swift', 'push this SwiftUI view to Figma', 'mirror my Swift code in a Figma file', or whenever a Figma URL appears alongside `.swift` files / an `.xcodeproj`. Routes to a direction-specific reference doc; loads alongside `figma-use` for the code → design path.
The English summary is being prepared. Showing the original description.
Design and implement native iPhone and iPad interfaces with SwiftUI using Apple's design guidelines. Covers screen navigation, flexible layouts, system icons, accessibility, adjustable text sizes, and colors that adapt to light and dark modes.
Build macOS app windows and interfaces with SwiftUI, including menus, toolbars, settings, sidebars, and inspectors. Guides state ownership and file organization while keeping keyboard actions, multiple windows, and system appearance in mind.
Customize windows in macOS SwiftUI apps, including titles, toolbars, drag areas, sizing, placement, and restoration. It helps give main windows, utility panels, and media players behavior suited to their purpose.