从本地资料中搜索网页、移动端和桌面端界面的设计指引,查找适合产品的配色、字体和交互规则,并依据项目所用技术,支持界面实现、审查与改进。
- 为新产品选择配色和字体
- 审查表单与键盘操作
- 修复小屏幕上的布局问题
943 个 · 按相关度排序
从本地资料中搜索网页、移动端和桌面端界面的设计指引,查找适合产品的配色、字体和交互规则,并依据项目所用技术,支持界面实现、审查与改进。
遵循现有设计体系,实现适用于手机到大屏幕的界面。整理组件结构与状态管理,支持键盘操作和屏幕阅读器,并完善加载中、无数据及错误状态的显示。
在实现前定义 API 和模块之间的输入输出,统一命名、错误格式与输入校验,并考虑现有调用方的兼容性及重试造成的重复处理。
依据OpenAI的前端制作指引,以精简的页面布局创建视觉协调的落地页、网站和应用界面,用于规划界面外观与元素排列。
帮助在Flutter应用中实现动画效果、页面转场和界面内的运动,为面向iOS和Android的原生应用加入动态设计。
设计具有工业手册或老式终端风格的网页,采用严格网格、悬殊字号、密集数据与红色点缀。可选择明亮纸面或深色终端布局,并加入纸张、网点或扫描线质感。
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.
中文简介正在准备中。当前显示英语简介。
根据规格说明和处理流程设计系统组件及其连接方式,将技术选择、数据与接口设计、故障应对和扩展计划整理为架构图及设计文档。
使用React和shadcn/ui制作由多个组件组成的界面,加入状态管理和页面切换,再打包为可在Claude对话中分享的单个HTML文件。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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 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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。