542 skills · sorted by relevance
Create Mermaid diagrams from text to explain software structure, API interactions, workflows, and database relationships. The skill guides diagram selection, syntax, styling, and export, helping keep visual documentation editable and stored alongside code.
Build interfaces with Tailwind CSS v4 using CSS-based configuration, layouts that adapt to their container, and shared color and spacing values. The skill guides responsive styling, dark mode, and reusable component patterns.
Build custom interactive charts, maps, and network diagrams with d3.js. The skill guides data preparation, styling, resizing, and interactions such as zooming and tooltips, giving detailed control over how data appears and responds to users.
Style materials with Anthropic's brand colors and typography. Apply distinct heading and body fonts, choose text colors for the background, and use coordinated accent colors for shapes, with fallback fonts when Poppins or Lora are unavailable.
Add animations to React interfaces using the browser's built-in view transitions. Guides page changes, shared elements that move between views, list reordering, component appearance, and loading reveals, with CSS styling and Next.js integration guidance.
Build iOS and Android interfaces with HeroUI Native components such as buttons, cards, text fields, and dialogs. The skill covers setup, documentation lookup, and theme configuration with Uniwind, which brings Tailwind styling to React Native.
Write, review, and refactor styles using Tailwind CSS v4 conventions. Consult guidance on CSS configuration, renamed classes, built-in styling features, and behavior changes when updating older v3 code or creating new styles.
Build working web pages, application interfaces, and components with a clear visual direction. Shape typography, color, layout, and animation around the intended audience and purpose, producing coordinated design and code in HTML, CSS, JavaScript, React, or Vue.
Convert long Markdown specifications, reports, and plans into a single HTML document with a sticky table of contents, search, section tracking, and code-copy buttons. Apply previously configured brand colors and layout styles.
Build automated emails for account registration, invoices, and notifications, from reusable templates to delivery service integration. Includes local previews, multilingual content, dark mode styling, and checks for delivery issues and tracking.
Create project-specific rules for turning Figma designs into code. The skill examines existing components and styling, then saves conventions for naming, file locations, reusable design values, and implementation steps in the coding agent's rule file.
Review changed UI code against numbered rules in DESIGN.md. Findings identify the relevant rule, affected lines, and a small fix for issues such as wording, component reuse, visual styling, accessibility, or missing screenshot evidence.
Update visible interfaces in Lite and but.dev using @gitbutler/ui-react. It guides component reuse, relevant design references, concise screen text, and visual checks in light and dark themes for forms, dialogs, notifications, and other surfaces.
Build React interfaces for Kortix using @kortix/ui components. The skill covers forms, dialogs, notifications, and chat views, with shared styling rules, brand customization through CSS variables, and checks for types, controls, and responsive layouts.
Keep Kortix screens, copy, presentations, emails, and other materials consistent by selecting the relevant brand references for each task. Use shared visual values, approved wording, and review checks to guide production and assess drafts.
Build web applications from a bundled Express, Vite, React, Tailwind CSS, and Drizzle ORM template. Follow a schema-first workflow to create pages, backend APIs, and connected forms, with guidance for styling, testing, and deployment.
Build desktop applications with GPUI Kit, a Rust framework. Guides setup, component selection, state management, themes, and background work, and explains UI integration tests that simulate input and check component behavior.
Create paper figures and LaTeX comparison tables from experiment data in JSON or CSV files. Save reproducible plotting scripts, use consistent styling, and check rendered figures for readability, fair comparisons, and captions supported by the data.
Create consistent paper figures and comparison tables from experiment data. The skill selects suitable chart types, saves reusable plotting scripts, prepares LaTeX insertion code, and checks rendered figures for readability and comparisons for consistency with the underlying data.
Automate browser tasks such as reading JavaScript-rendered pages, filling forms, clicking through workflows, and taking screenshots. Maintain login sessions, manage separate browsers, and capture network responses, with approval checks for sensitive actions.
Extract characters, settings, and plot-critical props from an episode script into structured records. Describe appearance, styling, spatial details, and lighting, then reuse existing entries and link them to the current episode to avoid duplicate production assets.
Choose a frontend library for tasks such as notifications, charts, drag and drop, or shared application state. The skill checks existing dependencies and recommends one library from a curated list, with setup when requested.
Create, edit, and reorganize PowerPoint presentations, or extract text from existing decks. Use templates or build slides from scratch, apply consistent visual styling, and inspect rendered slide images to find content and layout problems.
Turn supplied content into resumes, one-page summaries, reports, and slide decks using editorial templates. Produce HTML and PDF documents with content and layout checks, or create a static product landing page with consistent typography and colors.