Find AI skills and prompts

Search resources by name or topic, explore collections, and find out how to use what you find.

Filter by

Harness

Index

3 listings

Category filter Interface Design

Clear filter

Emil Kowalski — interface design, animation and frontend skills
Upvote

Collection · 15 skillsBy Emil Kowalski

Design better interfaces and animations.

Supported harnessesAgent Skills FormatCategoriesInterface Design Animation
View install prompt for Emil Kowalski — interface design, animation and frontend skills

Installation prompt for Emil Kowalski — interface design, animation and frontend skills Help me install Emil Kowalski. Check which agent harness I use and whether I want a project or global install before running commands. Use the documented command below if it fits my harness and install scope. npx skills@latest add emilkowalski/skills Follow the pinned installation guide and verify the resource is available in my harness. https://raw.githubusercontent.com/emilkowalski/skills/2d228630ba1446365f614a108cb8252f1feda202/README.md
View skills in Emil Kowalski — interface design, animation and frontend skills
- animate
  Designs and implements web motion, choosing the purpose, properties, timing, and interruption behaviour.
  /animate in Cursor’s slash menu
- animate-expo
  Designs and implements motion in React Native and Expo, including gestures and thread choices.
  /animate-expo in Cursor’s slash menu
- animation-performance
  Diagnoses frame drops and selects animation techniques that keep rendering responsive.
  /animation-performance in Cursor’s slash menu
- animation-vocabulary
  Names motion patterns precisely so animation requests translate into clear design and implementation choices.
  /animation-vocabulary in Cursor’s slash menu
- apple-design
  Apple's approach to interface design and fluid, physical motion, translated for the web.
  /apple-design in Cursor’s slash menu
- ask-sonner
  Shows how to configure Sonner and manage toast messages, promises, and loading states.
  /ask-sonner in Cursor’s slash menu
- break-ui
  Stress-tests interfaces with extreme and incomplete data, then reports the visual and behavior failures.
  /break-ui in Cursor’s slash menu
- emil-design-eng
  Applies Emil Kowalski’s approach to component design, animation, and interface polish.
  /emil-design-eng in Cursor’s slash menu
- find-animation-opportunities
  Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't.
  /find-animation-opportunities in Cursor’s slash menu
- improve-animations
  Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation.
  /improve-animations in Cursor’s slash menu
- mobile-native
  Refines web layouts and controls for phones, including safe areas, viewport sizing, and touch behaviour.
  /mobile-native in Cursor’s slash menu
- pick-ui-library
  Selects a dependable frontend library that fits the component need and preferred toolset.
  /pick-ui-library in Cursor’s slash menu
- prototype
  Builds contrasting interface concepts so teams can compare options before committing to a direction.
  /prototype in Cursor’s slash menu
- review-animations
  Assesses animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy.
  /review-animations in Cursor’s slash menu
- write-swift
  Guides modern Swift development with value types, Swift 6 data-race safety, and concurrency.
  /write-swift in Cursor’s slash menu
impeccable
Upvote

SkillBy Paul Bakaus

Critique, refine, and test frontend designs.

/impeccable in Cursor’s slash menu

Supported harnessesClaude Code Codex Cursor Other HarnessesCategoriesInterface Design Design Review

View install prompt for impeccable

Installation prompt for impeccable Help me install impeccable. Check which agent harness I use and whether I want a project or global install before running commands. Use the documented command below if it fits my harness and install scope. npx impeccable install Follow the pinned installation guide and verify the resource is available in my harness. https://raw.githubusercontent.com/pbakaus/impeccable/d34c87e1a00989ae8dbdd7f6b30b70f23319e860/README.md
Jakub Krehel — practical interface design skills
Upvote

Collection · 14 skillsBy Jakub Krehel

Review interfaces for layout, type, and accessibility.

Supported harnessesClaude Code Agent Skills FormatCategoriesInterface Design Accessibility
View install prompt for Jakub Krehel — practical interface design skills

Installation prompt for Jakub Krehel — practical interface design skills Help me install Jakub Krehel. Check which agent harness I use and whether I want a project or global install before running commands. Use the documented command below if it fits my harness and install scope. npx skills add jakubkrehel/skills Follow the pinned installation guide and verify the resource is available in my harness. https://raw.githubusercontent.com/jakubkrehel/skills/592aedc44d7d5b3e29740984252902f3e5402a1c/README.md
View skills in Jakub Krehel — practical interface design skills
- better-accessibility
  Checks keyboard, screen-reader, form, motion, and zoom behavior against accessibility standards.
  /better-accessibility in Claude Code after a direct install
- better-colors
  Creates semantic color palettes and evaluates them for consistency and readable contrast.
  /better-colors in Claude Code after a direct install
- better-interface
  Evaluates screens and user flows across accessibility, layout, copy, typography, color, and visual polish.
  /better-interface in Claude Code after a direct install
- better-layout
  Refines grouping, reading order, responsiveness, and translation support across screen sizes.
  /better-layout in Claude Code after a direct install
- better-typography
  Improves type scale, spacing, font features, wrapping, and truncation for readable interfaces.
  /better-typography in Claude Code after a direct install
- better-ui
  Polishes interface details such as icons, surfaces, shadows, and motion with concrete design values.
  /better-ui in Claude Code after a direct install
- better-writing
  Makes interface messages clearer and more useful across labels, errors, empty states, and confirmations.
  /better-writing in Claude Code after a direct install
- break
  Renders a component you choose under every scenario that can reach it on a temporary page and stress tests it.
  /break in Claude Code after a direct install
- build-design
  Turns a visual reference into interface code while respecting the project’s existing components and tokens.
  /build-design in Claude Code after a direct install
- explain-interface
  Explains how a site or visual effect works using a live page or screenshot as evidence.
  /explain-interface in Claude Code after a direct install
- interface-review
  Finds interface regressions in a branch or change across accessibility and visual design concerns.
  /interface-review in Claude Code after a direct install
- state-machine
  Displays every component state with mock data so teams can inspect edge cases in context.
  /state-machine in Claude Code after a direct install
- teardown
  Creates technical illustrations that show how physical objects and interface components are put together.
  /teardown in Claude Code after a direct install
- variant
  Creates and compares multiple component directions to help select the strongest design.
  /variant in Claude Code after a direct install

Find AI skills and prompts

Index

Emil Kowalski — interface design, animation and frontend skills

impeccable

Jakub Krehel — practical interface design skills