929 skills · sorted by relevance
Search local design guidance to plan, build, review, or improve web, mobile, and desktop interfaces. Find suitable colors, font pairings, layouts, charts, and interaction patterns, with implementation advice matched to the project's technology.
Design APIs and interfaces between modules with clear inputs, outputs, naming, and errors. The skill guides compatible extensions, input validation, and retry handling so callers can use interfaces consistently without accidentally repeating state-changing operations.
Build responsive interfaces that follow an existing design system and support accessible interaction. Covers component structure, state management, keyboard controls, and loading, empty, and error states, with checks across screen sizes and assistive tools.
Implement animated effects, transitions, and movement in Flutter apps. Use it when adding motion to native iOS and Android app interfaces, with support for turning requests for animation into implementation work.
Create landing pages, websites, and app interfaces with restrained composition and a clear visual presence. The skill draws on OpenAI's frontend production playbook to guide the appearance and arrangement of interface elements.
Design industrial-style web interfaces using rigid grids, dramatic type sizes, compact data displays, and red accents. Choose a light print-inspired layout or a dark terminal aesthetic, with textures that mimic paper or older screens.
Design and implement backend APIs, the interfaces applications use to exchange data. Cover authentication, input validation, error handling, tests, and documentation, while consulting stored implementation patterns and recording results for reuse in later development tasks.
Turn specifications and algorithm outlines into a system architecture. Define components, interfaces, data structures, and deployment plans, then document technology choices, security measures, failure handling, and plans for supporting increased usage.
Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.
Build command-line interfaces for graphical applications in Cursor using the CLI-Anything workflow. It supports creating and extending these interfaces, running tests, checking required criteria, and listing tools through slash commands or natural-language requests.
Design tools that AI agents can choose and use correctly. Define clear descriptions, inputs, and outputs, manage large search results, and plan approval checks, isolated execution environments, and interfaces for collaboration between agents.
Set up and customize Pi, a terminal coding agent framework. This skill guides model configuration, extension development, terminal interfaces, and integration with other applications through its SDK, a software development kit, or process messaging.
Design autonomous coding agents with patterns inspired by Cline and OpenAI Codex. Explore tool calling interfaces, permission and approval systems, browser automation, and workflows where people review or guide the agent's actions.
Test app interfaces on an Android emulator using ADB, a command-line device tool. Inspect element positions, perform taps and text entry, then check screenshots and React Native logs to verify behavior and investigate layout or interaction bugs.
Design APIs and interfaces between parts of an application with clear input and output types, consistent errors, and predictable names. The guidance helps you extend existing interfaces while preserving compatibility for the code that uses them.
Build web interfaces with floating cards, spatial depth, and translucent glass effects using GSAP and 3D CSS. Add scroll animations while preserving keyboard navigation and providing static states for users who request reduced motion.
Support authorized hardware security research by locating debug interfaces, recording pin assignments and voltage levels, and collecting boot logs. Assess interface locks and firmware extraction options, then hand extracted images to firmware analysis tools.
Design and implement native Android interfaces using Material Design 3 and Jetpack Compose, Android's UI toolkit. The skill covers layouts for different screen sizes, navigation, theming, accessibility, and state handling for reusable components.
Build and review interfaces against WCAG 2.2 accessibility guidelines. Covers keyboard navigation, screen readers that read interface content aloud, accessible forms, mobile support, and display preferences, helping identify and fix barriers to using a website or app.
Build web interfaces that adapt to screen and component widths. Use CSS Grid, flexible text and spacing, and container queries, which respond to a component’s available space, to adjust layouts, images, navigation, and tables.
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.
Add Python type hints and configure strict checking with mypy or pyright to catch type errors before execution. Covers reusable classes that preserve type information, interfaces defined by required members, and checks for possibly missing values.
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.
Helps build and maintain Ant Design interfaces by checking component options, examples, and theme settings. It also supports debugging, version migrations, and project scans to identify deprecated code and configuration issues.