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

Harness filter Agent Skills Format

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
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
typesafe-ai
Upvote

SkillBy TypeSafe AI

Turn model outputs into typed decisions with evidence.

/typesafe-ai in Claude Code after a direct install

Supported harnessesClaude Code Agent Skills FormatCategoriesAI Integration

View install prompt for typesafe-ai

Installation prompt for typesafe-ai Help me install typesafe-ai. 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 typesafe-ai/skills --skill typesafe-ai Follow the pinned installation guide and verify the resource is available in my harness. https://raw.githubusercontent.com/typesafe-ai/skills/302eea662c54bca6730873fe245bec1d69ebc23d/README.md

Find AI skills and prompts

Index

Emil Kowalski — interface design, animation and frontend skills

Jakub Krehel — practical interface design skills

typesafe-ai