Deft
Ask AI

Search

Search skills, authors and topics

Architecture

Project structure, composition patterns, and scalable code design.

  • game-ui-ux

    Design and build game UI/UX — HUDs, menus, and overlays — that survive every screen: anchor- based responsive layout, resolution/aspect scaling and safe areas, keyboard/gamepad focus navigation, a screen/menu state stack, and event-driven (not polled) HUD updates. Engine- neutral patterns that pair with the detected engine's UI skill. Use when the user mentions HUD, health bar, main menu, pause menu, settings screen, UI layout, anchors, UI scaling, aspect ratio, safe area, controller/keyboard me

    gamedev-skills7.8K

  • expo-web-to-native

    Migrate a web React app (Next.js, Vite, CRA) to a native iOS and Android app with Expo, mapping web idioms like the DOM, CSS, React Router and localStorage to native.

    expo4.1K

  • expo-router

    Navigation and routing with Expo Router: file-based and dynamic routes, Link previews and context menus, native Stack, modals and form sheets, NativeTabs, headers, toolbars and search bars.

    expo4.1K

  • higgsfield-websites

    Build, edit, and deploy full-stack websites, apps and games via the Higgsfield CLI (`higgsfield website …`). Each is a React 19 + TanStack Start SSR app in one Cloudflare Worker (D1/R2/KV/DO/Containers). THREE product types, picked via `--type` on create: `website` (standalone, no Higgsfield integration — references/website-flow.md), `app` (Sign in with Higgsfield + fnf SDK, Quanta — references/app-flow.md), `game` (realtime multiplayer rooms — references/game-flow.md). Routes to the right flow;

    higgsfield-ai1.9K

  • vercel-composition-patterns

    React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

    vercel-labs33.8K

  • archify-review

    Review Archify issues, PRs, or code through value, cost, and impact to support evidence-based maintenance decisions. Use for issue triage, change reviews, and code quality assessments.

    tt-a1i95.3K

  • archify

    Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and stateDiagram input; inspect repository evidence when the diagram must reflect real code. Use when the user asks to visualize system architecture, infrastructure, cloud/security/network topology, technical workflows, API call sequences, request lifecycles, data pipelines, ETL/ELT, data lineage, state machines, or to convert/beautify Mermaid. Also use for everyday subjects with steps, parts, relationships, or states: a leave or travel plan, an application or approval process, a back-and-forth such as renting, where money or documents go, or where an application or order stands. Not for numeric charts or dashboards.

    tt-a1i95.3K

  • api-and-interface-design

    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.

    addyosmani115K

  • rpi

    Research, design, and implement workflow: phased documents for exploring a change, choosing PRD or TDD paths, then implementing.

    humanlayer5.7K

  • create-component

    Create new Prototyper UI components from scratch, including Base UI primitives, registry entries, examples, and MDX documentation.

    PrototyperAI7

  • design-control-loop

    Interview the user to design an agentic control loop tailored to their codebase, then build locally runnable components plus a scheduled coding-agent workflow.

    humanlayer5.7K

  • define-goal

    Help the user define a concrete, measurable goal before starting work, especially when they ask to use the goal tool, create a goal, set an objective, clarify success criteria, or turn a fuzzy intention into a quantitative outcome. Use this skill for goal creation and goal refinement only; it does not manage durable snapshots, decision logs, or long-running execution artifacts.

    openai28.6K

  • cc-figma-component

    Generate variable-bound Figma component sets from component-contract definitions after the token collections exist.

    nvillapiano33

  • gh-stack

    Manage stacked branches and dependent pull requests with the gh stack GitHub CLI extension.

    github1.8K

  • explain-interface

    Answers how was this built about an interface. Give it a URL and name the thing you're curious about, and it reads the layers that produce the effect. Reads the whole frontend instead when you don't name a thing. From a screenshot it reconstructs rather than reads and says so.

    jakubkrehel11.9K

  • better-layout

    Improve interface structure through grouping, alignment, reading order, progressive disclosure, and adaptive responsive layouts.

    jakubkrehel11.9K

  • pick-ui-library

    Choose an opinionated, trusted library for common frontend tasks including components, motion, charts, interaction, state, and styling.

    emilkowalski55.8K

  • linear-finish-install

    Complete Linear tracking installation by writing always-on rules and verifying Linear MCP authentication.

    tjcages9

  • linear-monitor

    Health-check Linear projects for slipping dates, stale in-progress work, orphan issues, and tracking anti-patterns.

    tjcages9

  • linear-sync

    Audit and rescue an existing Linear project by reconciling its issues, milestones, dependencies, and tracking protocol with repository reality.

    tjcages9

  • linear-setup

    Bootstrap or extend Linear project tracking with evidence-based backfill, milestones, dependencies, and repository discipline.

    tjcages9

  • linear-methodology

    Route Linear tracking work through a methodology for setting up, syncing, monitoring, and maintaining honest project data.

    tjcages9

  • effect

    Opinionated guidance for building production TypeScript applications with Effect v4, including workflows, services, layers, schemas, configuration, scheduling, caching, streams, HTTP clients, and tests.

    kitlangton355

  • improve

    Survey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on source code — never implements, fixes, or refactors anything itself. Use when asked to audit a codebase, find improvement opportunities (bugs, security, performance, test coverage, tech debt, migrations, DX), suggest features or take the project next, or generate handoff plans for another agent to implement.

    shadcn10.2K

  • engineering

    Routing bundle for code work covering planning, debugging, TDD, architecture, and execution flows.

    mattpocock320.7K

  • shape

    Plan feature UX before coding via a structured design interview that produces an actionable design brief.

    pbakaus107.5K

  • web-clone

    网站复刻 / 克隆方法论。Use when the user says to clone, reproduce, or recreate a website or WebGL/Canvas/Three.js effect. Covers source-first reconstruction, repo scaffolding, reverse engineering, implementation paths, and verification for static sites, content sites, and heavy front-end experiences.

    Jane-xiaoer1.1K

  • write-swift

    How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language features agents don't know about yet. Use when writing, reviewing, or migrating Swift, or when a concurrency error, a hang, a data race, a retain cycle, or a performance problem needs fixing.

    emilkowalski55.8K

  • improve-react

    Survey a React codebase using React Doctor's findings, then produce prioritized audits and self-contained implementation plans without modifying source code.

    millionco15.1K

  • fixing-metadata

    Audit and fix page metadata including titles, meta descriptions, Open Graph, Twitter cards, canonical URLs, and JSON-LD structured data. Use when shipping new pages or fixing SEO and social preview issues.

    ibelick10.7K

  • ui-skills-root

    Use when the user needs UI help and you must route by topic, stack, and intent to the smallest useful set of UI skills.

    ibelick10.7K