AI Agent Skills

Square Style OG Image is a image workflow available on Skillry. Its source catalog highlights Create Og Image · Documentary Craft · Oversized Type · Text Wrapping. Compare the public examples with your brief before choosing this skill.

craft is an AI-first, lightweight, flexible design system for building responsive layouts in React and handling prose.

Design engineering system for AI coding agents — ship UI with craft-level quality. Install as an agent skill.

PDF craft can convert PDF files into various other formats. This project will focus on processing PDF files of scanned books.

Build a premium, scroll-driven interactive landing page for any business: a service company, a physical product, a food brand, a drink brand. Scroll becomes the timeline…

⭐ Rapidly build AI-powered, Headless e-commerce backends with TypeScript

Full spec-driven pipeline — walks brief → tokens → shape (spec) → craft (build) → converge → ship in one guided run. Writes `.ui-craft/spec.md`. Run when starting a net-…

Write or update the project's durable design brief at .ui-craft/brief.md. Invoke when the user asks for brief on their UI, or mentions 'brief' alongside design / UI / fr…

Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an action, respecting CRAFT_LEVEL. Use when the UI feels cl…

Produce a scored heuristic critique of the UI using Nielsen's 10 + 6 design laws + optional persona walkthroughs. Outputs a machine-parseable scorecard plus a 0-100 Usab…

Final craft pass applying the compound details from the polish checklist — micro-typography, spacing rhythm, hover states, and a signature detail — directly to code. Use…

Official implementation of Character Region Awareness for Text Detection (CRAFT)

Color strategy pass — introduces a single accent at 3-5 intentional placements, or reduces an over-colored UI back to 90% neutral. Use when the UI has no color identity,…

Refactoring pass — extracts repeated Tailwind class combos and markup into components, and lifts magic values into design tokens. Use when the codebase has obvious dupli…

Redesign an existing site or app without losing what already works — audits the current surface first, classifies what to preserve (brand, IA, SEO, content), picks a ref…

Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type. Use when the UI has layout or touch issues on mobile/tablet, when adding a new sc…