Create a design handoff document for developers, covering dimensions, interactions, content rules, assets, and exceptional cases. Specify responsive behavior, accessibility needs, and interface states so implementation requirements are clear beyond the main screen.
中文简介正在准备中。当前显示英语简介。
- Preparing design specifications for developers
- Documenting loading, empty, and error states
- Defining responsive behavior and keyboard interactions
Owl-Listener/designer-skills☆ 30492026年9月6日 更新
Audit how a product uses design tokens, shared settings for visual properties such as color and spacing. Identify hard-coded values, inconsistent usage, and missing tokens, then recommend replacements and prioritize migration work.
中文简介正在准备中。当前显示英语简介。
- Finding hard-coded colors and spacing values
- Checking duplicate or deprecated token usage
- Identifying gaps in existing design tokens
Owl-Listener/designer-skills☆ 30492026年9月6日 更新
Review screens with too many choices and suggest clearer grouping, defaults, and options revealed only when needed. Apply Hick's Law, which relates choice count to decision time, to help users navigate menus, forms, and other interfaces.
中文简介正在准备中。当前显示英语简介。
- Reorganizing a crowded navigation menu
- Splitting onboarding decisions into steps
- Reviewing required and optional form fields
Owl-Listener/designer-skills☆ 30492026年9月6日 更新
Document reusable design solutions for recurring user experience problems. Build entries that explain the problem, solution, structure, behavior, examples, accessibility considerations, and related patterns, giving teams a consistent way to share design knowledge.
中文简介正在准备中。当前显示英语简介。
- Document navigation design patterns
- Organize form behavior and error handling
- Share good examples and anti-patterns
Owl-Listener/designer-skills☆ 30492026年9月6日 更新
Research real screens, user journeys, and interface elements from top-grossing mobile apps through Appllama MCP, an agent connection to its design library. Collect visual references and organize findings to guide new screens or improve existing ones.
中文简介正在准备中。当前显示英语简介。
- Research reference apps before designing a new mobile app
- Compare onboarding and paywall flows
- Find references for improving an existing screen
Appllama/appllama-skills☆ 30062026年9月6日 更新
Design and implement mobile screens with Expo and React Native, using real apps as references. Refine platform-standard controls, navigation, themes, and motion, then inspect screenshots and flow recordings in a simulator to find and fix defects.
中文简介正在准备中。当前显示英语简介。
- Build new mobile screens and onboarding flows
- Refine navigation and back-button behavior
- Check dark mode and larger text layouts
Appllama/appllama-skills☆ 30062026年9月6日 更新
Build a consistent visual system for an Expo app using shared colors, spacing, text styles, and reusable components. Extend the app’s existing theme and identify hardcoded values or component differences that make screens look inconsistent.
中文简介正在准备中。当前显示英语简介。
- Unify colors, spacing, and text styles across screens
- Create reusable buttons and other shared components
- Find hardcoded styles and visual inconsistencies
expo/skills☆ 30002026年10月24日 更新
Build and review interfaces with purposeful animation, responsive button feedback, and consistent spacing and color. The skill guides motion choices by usage frequency and provides concrete code review suggestions with reasons for each change.
中文简介正在准备中。当前显示英语简介。
- Polishing button press and hover feedback
- Adjusting modal and drawer animations
- Reviewing UI code with reasons for each change
rohitg00/pro-workflow☆ 29272026年9月29日 更新
Turn an idea into progressively more detailed prototypes, starting with content and layout before visual design and code. Map user journeys, include error paths, and define usability test tasks and success criteria for each stage.
中文简介正在准备中。当前显示英语简介。
- Choose the prototype detail needed to answer a question
- Create wireframes to examine layout and navigation
- Map user journeys with decisions and error paths
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Critique a UI after automated checks pass, using a fresh review context. Inspect rendered screens and controls in desktop and mobile sizes, then produce an evidence-based verdict identifying design problems that warrant revision.
中文简介正在准备中。当前显示英语简介。
- Review visual quality after automated checks pass
- Inspect desktop and mobile layouts in both themes
- Find controls that fail to respond to interaction
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Build a brand design foundation from a brief, covering color, typography, spacing, and motion. Generate reusable design tokens, named values shared across an interface, plus a single CSS theme with light and dark modes and contrast checks.
中文简介正在准备中。当前显示英语简介。
- Build a brand design foundation from scratch
- Define a new color palette and typography system
- Create shared tokens for light and dark themes
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Build dashboards and trading screens with many metrics, charts, and sortable tables. The skill guides visual hierarchy, SVG graphics drawn without a chart library, numerical consistency, accessibility, dark themes, and layouts that adapt to smaller screens.
中文简介正在准备中。当前显示英语简介。
- Build an analytics dashboard around a leading metric
- Create trading screens with candlesticks and order books
- Combine charts and sortable tables in monitoring views
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Clarify a screen or component brief before building. Review existing project context, ask only questions that affect the work, and record assumptions, scope, content conditions, and completion criteria in a brief reviewers can check later.
中文简介正在准备中。当前显示英语简介。
- Clarifying requirements before building a screen
- Defining scope and completion criteria
- Recording assumptions for later review
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Review an existing screen or product using six weighted quality dimensions and Nielsen’s ten usability principles. Receive an overall score, a prioritized findings table, and concrete recommendations tied to shared design tokens, the named values used for styling.
中文简介正在准备中。当前显示英语简介。
- Review a screen before implementation
- Audit the quality of an existing product UI
- Prioritize usability and accessibility fixes
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Manage changes to a design system with version rules, contribution criteria, and deprecation plans. Classify updates by their impact, assess candidates for shared use, and document replacements, migration steps, and release changes.
中文简介正在准备中。当前显示英语简介。
- Choose a version bump for a design system change
- Assess a component or token for shared use
- Plan deprecation and migration to a replacement
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Apply shared rules when building or reviewing interfaces, including consistent themes, meaningful color settings, mobile layouts, and interactive states. It defines automated checks and visual reviews so completion reports reflect measured results and clearly identify unverified work.
中文简介正在准备中。当前显示英语简介。
- Set shared design rules before building a screen
- Keep themes and action colors consistent across pages
- Check interactive states and mobile layouts
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Rebuild interfaces from screenshots or mockups by extracting colors, typography, spacing, and layout rules. Store those choices as reusable design values, create accessible components, and compare rendered screenshots with the reference.
中文简介正在准备中。当前显示英语简介。
- Build UI code from a screenshot
- Extract color, typography, and spacing rules from a mockup
- Check contrast in light and dark themes
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Write or review interface text for buttons, errors, empty screens, notifications, and labels. Match tone to the user's situation, explain problems and next steps clearly, and check wording for consistency, inclusion, character limits, and translation readiness.
中文简介正在准备中。当前显示英语简介。
- Writing button text that explains the outcome
- Improving errors with causes and next steps
- Adding a first action to empty screens
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Improve an existing website or app by auditing its design, prioritizing issues, and refining colors, typography, spacing, and interactive states. The workflow preserves existing behavior, unifies page themes, and includes accessibility and functional checks.
中文简介正在准备中。当前显示英语简介。
- Polish an existing website while preserving its features
- Unify colors and themes across multiple pages
- Prioritize UI issues before making design changes
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Design and build web pages or app screens from an initial request. The workflow defines audience and visual direction, establishes shared style values, implements mobile layouts, and checks interaction states, responsive behavior, and the rendered result.
中文简介正在准备中。当前显示英语简介。
- Designing and building a new landing page
- Creating an app settings screen
- Designing an onboarding flow
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Translate a desired visual style into design tokens, shared settings for colors, typography, spacing, and motion. Choose an archetype or one of 138 named design systems, apply its direction, and verify contrast and accessibility.
中文简介正在准备中。当前显示英语简介。
- Applying a visual direction that suits the audience
- Translating a named design system into shared settings
- Coordinating typography, spacing, corners, shadows, and motion
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Connect project design tokens, reusable visual settings, with external design systems. Map settings by their purpose, produce a correspondence table and migration plan, and verify color contrast, interface states, and dark mode across the mapped settings.
中文简介正在准备中。当前显示英语简介。
- Adopting an external design system's appearance
- Applying project tokens to an external component library
- Planning a screen-by-screen design system migration
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Create specifications for UI components such as buttons, inputs, and dialogs. Define structure, variants, sizes, interaction states, accessibility, and design tokens—shared values for colors and dimensions—so implementation follows a consistent reference.
中文简介正在准备中。当前显示英语简介。
- Define a button component before implementation
- Document input states and keyboard behavior
- Align component specifications with shared design tokens
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新
Keep Figma designs and code aligned by mapping shared design values to Figma Variables and choosing a sync direction. Check theme mappings and component variants, sizes, and interaction states to identify gaps between design and implementation.
中文简介正在准备中。当前显示英语简介。
- Publishing code-based design values to Figma
- Extracting Figma design values into code
- Mapping dark and brand themes to Figma Modes
plugin87/ux-ui-agent-skills☆ 29162026年10月20日 更新