Skills

All Skills

composable

Skills tagged with #composable

@jdemeulenaere

compose_driver

Drive the Compose Driver sample app to test UI logic. Use it whenever you need to verify that Composables work as expected or to capture screenshots of a composable.

jdemeulenaere/compose-driver
5mo ago
430
@dpconde

android-development

Create production-quality Android applications following Google's official architecture guidance and NowInAndroid best practices. Use when building Android apps with Kotlin, Jetpack Compose, MVVM architecture, Hilt dependency injection, Room database, or multi-module projects. Triggers on requests to create Android projects, screens, ViewModels, repositories, feature modules, or when asked about Android architecture patterns.

dpconde/claude-android-skill
5mo ago
850
@branchbox

branchbox-devcontainer-guardrails

Use when modifying BranchBox devcontainer/bootstrap workflows, compose templates, feature env-stash behavior, or manual E2E harness/release docs. Apply issue

branchbox/branchbox
5mo ago
630
@XCP
MCP

Io.Github.XCP/Mcp Server

Interact with Counterparty — the token protocol on Bitcoin. Query, compose, sign.

mcpgithub
XCP/mcp-server
5mo ago
0
@compose-miuix-ui

创建 Miuix 组件

为 Compose Multiplatform 的 UI 库生成新的组件文件,严格遵循项目已有的代码规范。

compose-miuix-ui/miuix
5mo ago
5160
@vitorpamplona

android-expert

Android platform expertise for Amethyst Multiplatform project. Covers Compose Navigation, Material3, permissions, lifecycle, and Android-specific patterns in KMP architecture.

vitorpamplona/amethyst+8 more
5mo ago
1.5K0
@vuejs-ai

create-adaptable-composable

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.

vuejs-ai/skills+4 more
5mo ago
1.9K0
@arpitg1304

robot-bringup

Patterns and best practices for bringing up a complete ROS2-based robotics system on a robot's onboard computer, including systemd services, launch file composition, ordered startup, and production monitoring. Use this skill when configuring a robot to start ROS2 nodes on boot, writing systemd unit files for ROS2 launch, composing layered launch files for full robot stacks, setting up watchdog monitoring, configuring udev rules for deterministic device naming, or debugging boot-time race conditions. Trigger whenever the user mentions robot bringup, robot startup, systemd for ROS2, ROS2 on boot, launch file composition, robot boot sequence, udev rules for cameras or serial ports, watchdog for robot systems, automatic restart for ROS2 nodes, network configuration for multi-machine ROS2, log rotation for robots, graceful shutdown of robot stacks, or SSH-based remote debugging of robots. Also trigger for environment setup in systemd (sourcing workspaces), ordered startup with health checks, deterministic device naming, or any discussion of running ROS2 systems as long-running production services. Covers systemd on Ubuntu 22.04/24.04 with ROS2 Humble, Iron, and Jazzy.

arpitg1304/robotics-agent-skills+6 more
5mo ago
1440
@think41

extrasuite

CRUD on google workspace files - Sheets, Slides, Docs, Forms. Compose drafts in Gmail. Fuzzy search through Contacts. Manage Google Calendar and App Script projects.

think41/extrasuite
5mo ago
1290
@n24q02m

channel-post

Compose and post formatted content to a Telegram channel -- MarkdownV2 escaping, message splitting, media ordering

n24q02m/better-telegram-mcp+1 more
5mo ago
50
@Dankosik

agent-prompt-composer

Reconstruction: Use when rough, mixed-language, or noisy input needs a short, repository-grounded English prompt. Own a routing-sufficient Intake contract; Skip routing-ready input or translation/editing.

Dankosik/go-service-template-rest+19 more
1mo ago
60
@kovoor
MCP

Vueuse Mcp

Search, browse, and get suggestions for VueUse composables

mcpgithubsearch
kovoor/vueuse-mcp
5mo ago
0
@ehmo

android-design-guidelines

Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.

ehmo/platform-design-skills+3 more
5mo ago
2540
@ulises-jeremias

Accessibility Review (WCAG 2.2 AA)

Curated, composable accessibility review anchored to **WCAG 2.2 AA** (W3C TR https://www.w3.org/TR/WCAG22/). Use when the user asks for an accessibility audit, a11y review, WCAG check, or inclusive-design feedback.

ulises-jeremias/agent-toolkit+46 more
6h ago
190
@nikzlabs

android-build

Build, test, debug, and preview Android apps inside a ShipIt session. Load when a task touches an Android/Gradle project (Kotlin/Java, build.gradle(.kts), AndroidManifest.xml, res/ layouts, Compose UI). Covers the baked toolchain (JDK/SDK/Gradle), the build → lint → snapshot-test loop, reading snapshot PNG diffs, on-demand SDK installs, and the emulator-as-Compose-service for a live device over adb.

nikzlabs/shipit+12 more
2mo ago
50
@plentymarkets

plentyshop-pwa

Automates component, composable, and CMS block scaffolding using the PlentyONE Shop CLI. Use this when creating new code structures instead of manually copying existing files.

code-generationscaffoldingcomponentcomposablevuetypescript
plentymarkets/plentyshop-pwa
5mo ago
420
@aymericzip

intlayer-angular

Integrates Intlayer internationalization with Angular applications. Use when the user asks to "setup Angular i18n", create a new translated component, use the "useIntlayer" composable, or configure providers.

aymericzip/intlayer+13 more
5mo ago
6270
@ios-xr

xr-compose-tool

Launching, stopping, or managing xr-compose-based XRd labs, running commands/logs via the just wrapper, or working with docker-compose.xr.yml topology files.

ios-xr/xrd-tools+1 more
5mo ago
330
@skydoves

choosing-derivedstateof

Use this skill to decide when Jetpack Compose derivedStateOf is the right tool and when it is pure overhead. Covers the "input frequency must exceed output frequency" rule, the mandatory remember { derivedStateOf { } } wrapper, the canonical pitfall of capturing non-state variables by initial value (and the remember(key) fix), and the snapshotFlow alternative for fire-and-forget side effects on derived values. Use when the developer mentions derivedStateOf, scroll-position-driven booleans, threshold checks, firstVisibleItemIndex, "show FAB on scroll", recomposition counts that don't drop after wrapping a value, or asks whether a computed string concatenation should use derivedStateOf.

skydoves/compose-performance-skills+16 more
5mo ago
1760
@keep-starknet-strange

cairo-contract-authoring

Cairo smart-contract authoring on Starknet. Trigger on "write a contract", "create a contract", "implement this in Cairo", "add storage/events/interface", "compose components". Guides structure, security patterns, and component wiring.

keep-starknet-strange/starknet-agentic+9 more
4mo ago
790
@nolly-studio

components-build

Build modern, composable, and accessible React UI components following the components.build specification. Use when creating, reviewing, or refactoring component libraries, design systems, or any reusable UI components. Triggers on tasks involving component APIs, composition patterns, accessibility, styling systems, or TypeScript props.

nolly-studio/cult-ui
5mo ago
3.4K0
@lishix520

Academic Paper Composer

lishix520/academic-paper-skills+1 more
5mo ago
750
@giginet

compose-app-icon

Author and validate Apple Icon Composer `.icon` packages. Use this when the user asks to generate an app icon, scaffold a `.icon` from parameters, set up light/dark/tinted appearance variants (specializations), change any field of an existing `icon.json` (fills, blend modes, shadows, translucency, LiquidGlass Mode/Specular/Blur, layer layouts, asset filenames), or validate/diagnose a `.icon` package or standalone `icon.json` against the bundled JSON Schema.

giginet/apple-icon-composer-skill
4mo ago
60
@shadcraft

component-building

Component building guidelines for creating high-quality, accessible, and composable registry components. Triggers on tasks involving building a component, adding or building a block, new block, registry component. Use when working in src/registry/.

shadcraft/shadcraft-free
5mo ago
300
@tobihagemann

answer-reviewer-questions

For each reviewer question on a PR, recall implementation reasoning and compose a raw answer. Use when the user asks to "answer reviewer questions", "draft answers to PR questions", or "explain reviewer questions".

tobihagemann/turbo+75 more
1mo ago
2680
@johnrogers

composable-architecture

Use when building features with TCA (The Composable Architecture), structuring reducers, managing state, handling effects, navigation, or testing TCA features. Covers @Reducer, Store, Effect, TestStore, reducer composition, and TCA patterns.

johnrogers/claude-swift-engineering+13 more
5mo ago
1620
@almanak-co

almanak-strategy-builder

Build, test, and deploy DeFi trading strategies using the Almanak SDK. ALWAYS use this skill when the user mentions almanak, DeFi strategy, trading strategy, yield farming, liquidity provision, token swap, borrowing, lending, perpetuals, staking, vault deposit, bridging tokens, backtesting, paper trading, or on-chain execution. Use for writing strategy.py files, composing intents (Swap, LP, Borrow, Supply, Perp, Bridge, Stake, Vault, Prediction), working with config.json strategy parameters, running almanak strat or almanak gateway CLI commands, or debugging strategy execution on Anvil forks. Do NOT use for general smart contract development, Solidity code, or non-strategy SDK internals.

almanak-co/sdk
5mo ago
420
@vercel

vercel-microfrontends

Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app across teams, independent deployments, cross-app routing, incremental migration, composing multiple frontends under one domain, microfrontends.json, @vercel/microfrontends, the microfrontends local proxy, or path-based routing between Vercel projects. Also use when the user asks about shared layouts across projects, navigation between microfrontends, fallback environments, asset prefixes, or feature flag controlled routing.

vercel/microfrontends
5mo ago
340
@tf4fun

WatchCow Labels — Docker to fnOS App Conversion

WatchCow monitors Docker container events and automatically converts containers with `watchcow.enable=true` into native fnOS applications. Your job is to add the right labels to a Docker Compose service so WatchCow can pick it up.

tf4fun/watchcow
5mo ago
1490
@respira-press

activity-report-composer

Turn the audit log of work done on a WordPress site into a polished written report. Wraps the v7.1 respira_generate_activity_report MCP tool with six framings: agency client report, case study, internal recap, testimonial draft, build-in-public, personal recap.

respira-press/agent-skills-wordpress+4 more
4mo ago
300
@new-silvermoon

android-accessibility

Expert checklist and prompts for auditing and fixing Android accessibility issues, especially in Jetpack Compose.

new-silvermoon/awesome-android-agent-skills+11 more
5mo ago
4680
@Drjacky

claude-android-ninja

Create production-quality Android applications following Google's official Android architecture guidance with Kotlin, Jetpack Compose, MVVM architecture, Hilt dependency injection, Room 3 local persistence (KSP, SQLiteDriver, Flow/suspend DAOs), and multi-module architecture. Triggers on requests to create Android projects, modules, screens, ViewModels, repositories, or when asked about Android architecture patterns and best practices.

Drjacky/claude-android-ninja
5mo ago
190
@kokonut-labs

building-components

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.

kokonut-labs/kokonutui
5mo ago
1.8K0
@adithya-s-k

manim-composer

Trigger when: (1) User wants to create an educational/explainer video, (2) User has a vague concept they want visualized, (3) User mentions "3b1b style" or "explain like 3Blue1Brown", (4) User wants to plan a Manim video or animation sequence, (5) User asks to "compose" or "plan" a math/science visualization. Transforms vague video ideas into detailed scene-by-scene plans (scenes.md). Conducts research, asks clarifying questions about audience/scope/focus, and outputs comprehensive scene specifications ready for implementation with ManimCE or ManimGL. Use this BEFORE writing any Manim code. This skill plans the video; use manimce-best-practices or manimgl-best-practices for implementation.

adithya-s-k/manim_skill+2 more
5mo ago
6810
@composable-delivery
MCP

Io.Github.Composable Delivery/Snowfakery Mcp

MCP server for authoring, analyzing, debugging, and running Snowfakery recipes

mcpgithub
composable-delivery/snowfakery-mcp
5mo ago
0
@fortunto2

apple-app-icon — the icon as a build artefact, not a drawing

On iOS 26 an app icon is no longer a flattened PNG: it is a small bundle of **layers** the system lights, tints and renders as Liquid Glass. Icon Composer draws them by hand; this skill generates the same document from the brand artwork, so the icon is *rebuilt* when the brand changes rather than re

fortunto2/solo-factory+23 more
29d ago
180
@rohitg00

animation-composer

Scene composition and orchestration skill for creating complex multi-part animations. **Triggers when:** - User wants to compose multi-element scenes - Request involves combining multiple visual elements - Scene requires act-based structure or transitions - User mentions "scene", "compose", "combine", "orchestrate" **Capabilities:** - Scene graph construction with acts and transitions - Multi-object coordination and timing - Camera movements and focus control - Layered animation sequences

rohitg00/manim-video-generator+3 more
5mo ago
2220
@forketyfork

compose-ui-control

Control a running Compose Desktop application via HTTP. Use when you need to interact with UI elements, click buttons, enter text, wait for elements to appear, or capture screenshots in a Compose Desktop app that has compose-ui-test-server enabled.

forketyfork/compose-ui-test-server
5mo ago
50