Loading...
Loading...
Found 505 Skills
Check and resize images for social media platforms. Run scripts/check.js to validate any image against specs for Instagram, Facebook, X (Twitter), LinkedIn, TikTok, YouTube, Pinterest, Snapchat, and Threads — get a ranked match list with exact resize commands. Run scripts/resize.js to export a correctly-sized copy. Use when a user asks to validate image dimensions, resize an image for a platform, check if an image fits a spec, or prep assets for social media posting or ads.
Extracts exact, behaviour-first specifications from an existing codebase. Defines domain concepts, use cases, and business rules with precision — zero implementation details. Use when reverse-engineering a legacy project into precise specs or preparing an AI-friendly spec set for a rewrite.
The precise design and UI vocabulary used on index.how/to/articulate — covering typography, color, iconography, layout, interaction, motion, accessibility, information architecture, copywriting, tools, analysis, and components. Use when reaching for the exact word for a design concept ("what's the term for the space between two specific letters?"), when a UI idea is described loosely and needs its proper name, when choosing between confusable near-synonyms (badge vs tag, tooltip vs popover, opacity vs visibility, kerning vs tracking), or when writing or reviewing copy, specs, or commits and you want exact terminology instead of vague language.
Use when the user dictates an app, site, bot, or feature to build end-to-end and expects a finished result without reviewing specs, tickets, or code — vibecoding sessions, non-technical users, "собери под ключ", "build it for me", "не задавай лишних вопросов" requests. Also use when the user explicitly invokes /autopilot.
Drive comprehensive test creation for a feature, spec, module, or PR. Decide what must be tested, pick the testing strategy at the lowest sufficient cost, drive the test producers to author the tests, run them, and record the session — what was tested, by what test type, and what passed — in specs/<feature>/test-spec.md and test-report.md. Drives the producers create-yaml-tests and create-agent-tests.
Generate a vibrant dimensional iOS and Android app icon for an Expo or React Native app with AI image generation, then post-process it for store specs. Use for creating, regenerating, or polishing an app logo or launcher icon.
Detects and fixes visual differences between a web implementation and its Figma design. Use iteratively when syncing implementation to match Figma specs.
Lê specs, documentos e código existentes para preparar o contexto inicial do MVPFy sem alterar o projeto analisado.
PRISM — People Research & Insight System for Makers. Two modules in one skill: (1) UX Research — generates professional personas, journey maps, interview synthesis reports, and usability test plans grounded in industry-standard research methodology. (2) UI Design — generates design philosophies, component specifications, design token systems, layout systems, interaction specs, and visual canvas artifacts. Accepts raw interview notes, survey data, analytics, product briefs, brand guidelines, or competitor screenshots as input. Includes an optional financial services layer for trust, compliance, and regulatory UX considerations across both modules. MANDATORY TRIGGERS: persona, user persona, journey map, customer journey, interview synthesis, usability test plan, UX research, user research, research plan, empathy map, user interview, affinity mapping, research findings, user insights, pain points analysis, research report, UI design, design system, component library, style guide, design tokens, color palette, typography system, layout grid, visual design, interface design, design spec, design philosophy, wireframe, visual hierarchy, design language, UI kit, brand identity, canvas design, design artifact, visual specification, component spec, interaction design, PRISM. Also trigger when someone describes a product and asks for research artifacts, design direction, component specs, or design system foundations, or when they paste raw interview notes.
Converts architecture descriptions, module specs, or workflow docs into Mermaid diagrams. Use when visualizing brick module relationships, workflows (DDD, investigation), or system architecture. Supports: flowcharts, sequence diagrams, class diagrams, state machines, entity relationship diagrams, and Gantt charts. Generates valid Mermaid syntax for embedding in markdown docs.
Write Rails tests with RSpec, FactoryBot, and mocking patterns. Use when creating tests, writing specs for models/controllers/requests, setting up test fixtures, or mocking external services.
Generate OpenAPI documentation from source code. Analyzes repository to automatically discover API endpoints and create swagger.json and interactive HTML documentation. Use when generating API docs, creating OpenAPI specs, documenting REST APIs, or analyzing API endpoints.