Run any Skill in Manus with one click

ark-ui

Stars6

Forks0

UpdatedFebruary 1, 2026 at 02:48

Ark UI component conventions with Panda CSS recipes for the frontend. Use when building or styling headless UI components in frontend/.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

Liinkiing

Liinkiing/larastack

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

File Explorer

2 files

SKILL.md

readonly

name	ark-ui
description	Ark UI component conventions with Panda CSS recipes for the frontend. Use when building or styling headless UI components in frontend/.

Ark UI

Overview

Use Ark UI for headless component logic and Panda CSS recipes for styling.

Guidelines

Read references/ark-ui.md before creating or editing UI components.
Use Ark UI MCP tools to discover components, props, and examples.
Apply the recipe and composition patterns from the reference.

More from this repository

same repository

pnpm

Liinkiing/larastack

Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces via pnpm-workspace.yaml, or managing dependencies with catalogs, patches, overrides, config dependencies, or the global virtual store.

2026-07-116

graphql-frontend

Liinkiing/larastack

Apollo Client GraphQL conventions for frontend/ and mobile/ with colocated operations and codegen. Use when editing GraphQL queries, mutations, or fragments in the Next.js or Expo apps.

2026-02-206

uniwind-ui-components

Liinkiing/larastack

Create reusable React Native UI components with Uniwind and tailwind-variants, including typed variant APIs, slot-based compound components (for example Card.Root, Card.Header, Card.Body, Card.Footer), and theme/platform-aware styling. Use when building or refactoring components in mobile/src/ui, designing variant systems, migrating dynamic class logic to tv/cn, or composing multi-part components.

2026-02-206

react-native-best-practices

Liinkiing/larastack

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.

2026-02-076

frontend-guidelines

Liinkiing/larastack

Frontend coding conventions for this repo. Use when creating or organizing Next.js App Router features, deciding where to place React components, or structuring shared UI/utilities in frontend/. Applies to collocating page-specific components under app route folders and placing shared pieces under src/.

2026-02-016

responsive-design

Liinkiing/larastack

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.

2026-02-016

Run any Skill with one click