App Development Skills for AI Agents

Builds and distributes Expo development clients locally or via TestFlight for internal testing of native code changes on physical devices.

by expo/skills

• Testing
• Release

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

by leonxlnx/taste-skill

• Implementation

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

by leonxlnx/taste-skill

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

by leonxlnx/taste-skill

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

by emilkowalski/skills

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility.

by leonxlnx/taste-skill

• Design
• Implementation

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking,…

by emilkowalski/skills

• Testing
• Release

Loads a written implementation plan, reviews it critically, executes tasks with verification checkpoints, and finishes the development branch. Supports the implementation facet.

by obra/superpowers

• Implementation

Builds web animations from scratch, deciding whether to animate, the purpose, tool, properties, curve, duration, interruption, and exit, then writes the implementation.

by emilkowalski/skills

Entry point for building on Convex, an all-TypeScript reactive backend with database, server functions, scheduling, file storage, auth, and realtime sync, routing to capability skills.

by get-convex/agent-skills

• Implementation
• Release
• Operate & iterate

Guides Fastify Node.js backend and REST API development: routes, plugins, JSON Schema validation, hooks, errors, auth, performance, logging, and deployment.

by mcollina/skills

• Design
• Implementation

Generates premium mobile app screen and flow images for iOS, Android, and cross-platform concepts, with art direction for hierarchy, palettes, and phone mockups. Images only, no code.

by leonxlnx/taste-skill

• Implementation

Prisma Compute deployment and hosting guide: app creation, prisma.compute.ts config, CLI deploys, framework readiness, logs, domains, and troubleshooting. Relevant to the release and operate facets.

by prisma/skills

• Release

Dispatches a code reviewer subagent with crafted context after tasks or before merge, then triages feedback by severity. Supports the testing and operate/iterate facets.

by obra/superpowers

• Requirements
• Design

Scans a codebase for deepening opportunities, presents them as a visual HTML report, then grills through the chosen refactor. Relevant to implementation and operate/iterate phases of app work.

by mattpocock/skills

• Design

Postgres best practices maintained by Supabase: query performance, connection management, RLS security, schema design, locking, and diagnostics. Relevant when an app uses Postgres.

by supabase/agent-skills

• Operate & iterate

Audits a codebase's animation and motion code as a senior motion advisor, producing prioritized findings and self-contained implementation plans. Read-only on source.

by emilkowalski/skills

• Implementation

Guides technical evaluation of code review feedback: verify before implementing, ask before assuming, push back with reasoning, and implement in severity order.

by obra/superpowers

• Implementation

Wires dependency-cruiser into a TypeScript repo so each package is a deep module with implementation hidden behind entry points, enforcing boundary and cycle rules.

by mattpocock/skills

Creates polished, validated architecture, workflow, sequence, data-flow, and lifecycle diagrams as explorable standalone HTML with themes and export options.

by tt-a1i/archify

• Requirements
• Design

Sets up, improves, or audits analytics tracking and measurement: tracking plans, event naming, GA4, GTM, UTM, and conversion tracking.

by coreyhaines31/marketingskills

• Requirements

A relentless interview to sharpen a plan or design that also produces ADRs and a glossary as it goes. Supports requirements and design work for app projects.

by mattpocock/skills

• Requirements

A relentless interview to sharpen a plan or design before implementation. Useful in the requirements/design phase of app development to pressure-test intent.

by mattpocock/skills

• Requirements

Ensures an isolated workspace exists before feature work or plan execution, preferring native worktree tools and falling back to manual git worktrees.

by obra/superpowers

Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.

by mattpocock/skills

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

by leonxlnx/taste-skill

• Design
• Implementation

妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV 查询、环境变量管理、应用协作者与协作权限设置、应用角色与成员管理、自动化触发器（定时/记录变更/Webhook/飞书审批）。当用户要开发/新建一个系统·工具·平台·应用，或要本地开发 / 云端开发 / 修改 / 部署 / 发布 / 上线 / 拿可分享链接，或用 HTML 做页面·网站·部署到妙搭，或要设计 / design / mockup / prototype / wireframe / 做 PPT / deck / 视觉探索，或提到妙搭/Spark/Miaoda（应用运行时域名形如 *.aiforce.cloud）、应用数据库、应用文件存储、开放 API Key、可见范围、应用协作者/开发权限、应用角色/角色成员、线上日志、接口请求量、错误量、延迟、访问量、环境变量、给妙搭应用配自动化任务/定时触发/审批通过后自动触发时使用。不负责普通云盘文件上传（lark-drive）、飞书文档编辑（lark-doc）、原生幻灯片创建（lark-slides）。

by larksuite/cli

Guides Stripe integration decisions across development and test environment planning (separate sandboxes vs the shared test mode sandbox), API selection (Checkout Sessions vs PaymentIntents), Connect platform setup (Accounts v2, controller properties), billing/subscriptions, tax and registrations (Stripe Tax, automatic_tax, product tax codes), Treasury financial accounts, integration options (Checkout, Payment Element), migrating from deprecated Stripe APIs, and security best practices (API key management, API key permissions, webhooks, OAuth). Use when planning, building, modifying, testing, or reviewing any Stripe integration, including choosing a development environment, accepting payments, building marketplaces, integrating Stripe, processing payments, setting up subscriptions, collecting sales tax, VAT, or GST, creating connected accounts, or implementing secure key handling.

by stripe/ai

Use when the user wants to design a mobile app or UI screens, when they mention their Sleek (sleek.design) projects, or when implementing Sleek designs in code (HTML, React Native, SwiftUI).

by designed-by-ai/skills

Needs (stated): API key · Paid account

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

by anthropics/skills

• Implementation

Build, review, refactor, or architect ASP.NET Core web applications using current official guidance for .NET web development. Use when working on Blazor Web Apps, Razor Pages, MVC, Minimal APIs, controller-based Web APIs, SignalR, gRPC, middleware, dependency injection, configuration, authentication, authorization, testing, performance, deployment, or ASP.NET Core upgrades.

by openai/skills

• Implementation

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.

by openai/skills

• Design

Needs (stated): MCP server

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.

by openai/skills

• Implementation

Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.

by openai/skills

• Implementation

Needs (stated): Node.js

> Review and create distinctive, production-grade frontend interfaces with high design quality and design system compliance. Evaluates using three pillars: frictionless insight-to-action, quality craft, and trustworthy building. USE FOR: PR reviews, design reviews, accessibility audits, design system compliance checks, creative frontend design, UI code review, component reviews, responsive design checks, theme testing, and creating memorable UI. DO NOT USE FOR: Backend API reviews, database schema reviews, infrastructure or DevOps work, pure business logic without UI, or non-frontend code.

by microsoft/skills

• Requirements
• Implementation

Turn Notion specs into implementation plans, tasks, and progress tracking; use when implementing PRDs/feature specs and creating Notion plans + tasks from them.

by openai/skills

• Requirements

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

by vuejs-ai/skills

• Design

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

by vuejs-ai/skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

by vercel-labs/agent-skills

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

by anthropics/skills

• Implementation

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

by wshobson/agents

antfu-style design conventions, broadened. UnoCSS-first, class-based semantic tokens with dual light/dark for tooling and devtools UIs, plus design-read, anti-slop, and micro-interaction polish for landing pages and product surfaces. Use when building or refactoring any interface with UnoCSS.

by antfu/skills

Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.

by addyosmani/agent-skills

• Implementation

Use when implementation is complete, all tests pass, and you need to decide how to integrate the work

by obra/superpowers

Creates specs before coding. Use when starting a new project, feature, or significant change and no specification exists yet. Use when drafting a PRD or requirements document with objectives and scope, or when requirements are unclear, ambiguous, or only exist as a vague idea. Use when a single requirement spans several independently testable capabilities and needs decomposing into a capability map of modules before specifying.

by addyosmani/agent-skills

• Requirements
• Implementation

Drives development with tests using the red-green-refactor loop. Use when implementing any logic, fixing any bug, or changing any behavior. Use when you need to prove that code works, when a bug report arrives, or when you're about to modify existing functionality.

by addyosmani/agent-skills

Run Playwright tests at scale using Azure Playwright Workspaces (formerly Microsoft Playwright Testing). Use when scaling browser tests across cloud-hosted browsers, integrating with CI/CD pipelines, or publishing test results to the Azure portal.

by microsoft/skills

• Requirements
• Release

Extract a DESIGN.md design-documentation file from a Penpot file: a portable markdown spec (YAML frontmatter with colors/typography/rounded/spacing/components token maps + prose sections: Overview, Colors, Typography, Layout, Shapes, Components, Do's & Don'ts, Iteration Guide, Known Gaps) in the design-md format, grounded in the file's real tokens, library assets, and sampled component styles — never invented. Read-only on the canvas; writes one local markdown file. Triggers: 'generate DESIGN.md', 'create a design.md', 'document the design system as markdown', 'export design guidelines', 'extract design documentation', 'design system spec file', 'make a style guide file from this design'.

by penpot/penpot-ai-kit

Review a Penpot design against its implemented code (a source component or Storybook story) and emit a structured DRIFT report. Use when an engineer needs to confirm the build matches the design: extract HTML/CSS from a selection, map its tokens/structure/states to the code component, diff them, and list what each side is missing with severity and a reconciliation. Degrades gracefully to a design-system-token check when no code source is supplied. Triggers: 'design to code review', 'does my code match the design', 'design code parity', 'compare Penpot to my component', 'check this against Storybook', 'extract HTML/CSS from this selection', 'find design drift', 'design implementation diff'.

by penpot/penpot-ai-kit

Builds, tests, and deploys Microsoft 365 apps and agents for Teams and Copilot. Includes sub-skills for project creation, local testing, cloud deployment, troubleshooting, and Slack-to-Teams migration. USE FOR: Teams agent, bot, tab, message extension, Declarative Agents, Custom Engine Agents, local testing, Agents Playground, Azure resource provision, remote deployment, Slack to Teams migration, cross-platform bot development, Block Kit to Adaptive Cards conversion. DO NOT USE FOR: general web development, non-bot/non-Teams projects.

by microsoft/skills

• Release

Subjects every non-trivial decision to a fresh-context adversarial review before it stands. Use when you want every assumption cross-examined before proceeding, when stress-testing a plan for hidden failure modes, when correctness matters more than speed, when working in unfamiliar code, when stakes are high (production auth, security-sensitive logic, a high-stakes migration, irreversible operations), or any time a confident output would be cheaper to verify now than to debug later.

by addyosmani/agent-skills

• Testing
• Release

Grounds every implementation decision in official documentation. Use when you want to verify an approach against the official docs before implementing it, or when you want authoritative, source-cited code free from outdated patterns. Use when building with any framework or library where correctness matters.

by addyosmani/agent-skills

• Requirements
• Implementation

Needs (stated): Python

Use when executing implementation plans with independent tasks in the current session

by obra/superpowers

Designs and reviews iOS UI/UX for iPhone apps in SwiftUI, UIKit, or React Native: navigation, typography, forms, keyboard and safe-area layout, and accessibility per Apple HIG.

by uizze.sh

• Implementation

Anti-ui-slop playbooks for building and polishing web and iOS interfaces: layout, hierarchy, polish, audit, and craft workflows with optional real-product references.

by uizze.sh

• Implementation