akarachen
- 104 skills
- 0 followers
- 3 hours ago last updated
- ▌ Cloud · akarachen bundleGuide for assistant-cloud persistence and authorization. Use when setting up thread persistence, file uploads, or authentication.
- ▌ Setup · akarachen bundleSetup and configure assistant-ui in a project. Use when installing packages, configuring runtimes, setting up chat UI, or troubleshooting setup issues.
- ▌ Tools · akarachen bundleGuide for tool registration and tool UI in assistant-ui. Use when implementing LLM tools, tool call rendering, or human-in-the-loop patterns.
- ▌ Runtime · akarachen bundleGuide for assistant-ui runtime system and state management. Use when working with runtimes, accessing state, or managing thread/message data.
- ▌ Streaming · akarachen bundleGuide for assistant-stream package and streaming protocols. Use when implementing streaming backends, custom protocols, or debugging stream issues.
- ▌ Primitives · akarachen bundleGuide for assistant-ui UI primitives - ThreadPrimitive, ComposerPrimitive, MessagePrimitive. Use when customizing chat UI components.
- ▌ Thread List · akarachen bundleGuide for multi-thread management in assistant-ui. Use when implementing thread lists, switching threads, or managing conversation history.
- ▌ Assistant UI · akarachen bundleGuide for assistant-ui library - AI chat UI components. Use when asking about architecture, debugging, or understanding the codebase.
- ▌
- ▌ Setup Matt Pocock Skills · akarachen bundleSets up an `## Agent skills` block in AGENTS.md/CLAUDE.md and `docs/agents/` so the engineering skills know this repo's issue tracker (GitHub or local markdown), triage label vocabulary, and domain doc layout. Run before first use of `to-issues`, `to-prd`, `triage`, `diagnose`, `tdd`, `improve-codebase-architecture`, or `zoom-out` — or if those skills appear to be missing context about the issue tracker, triage labels, or domain docs.
- ▌ Agent Browser · akarachen bundleBrowser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.
- ▌ Openspec Propose · akarachenPropose a new change with all artifacts generated in one step. Use when the user wants to quickly describe what they want to build and get a complete proposal with design, specs, and tasks ready for implementation.
- ▌
- ▌ Openspec Explore · akarachenEnter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.
- ▌ Openspec Ff Change · akarachenFast-forward through OpenSpec artifact creation. Use when the user wants to quickly create all artifacts needed for implementation without stepping through each one individually.
- ▌ Openspec Apply Change · akarachenImplement tasks from an OpenSpec change. Use when the user wants to start implementing, continue implementation, or work through tasks.
- ▌ Openspec Verify Change · akarachenVerify implementation matches change artifacts. Use when the user wants to validate that implementation is complete, correct, and coherent before archiving.
- ▌ Openspec Archive Change · akarachenArchive a completed change in the experimental workflow. Use when the user wants to finalize and archive a change after implementation is complete.
- ▌ Openspec Bulk Archive Change · akarachenArchive multiple completed changes at once. Use when archiving several parallel changes.
- ▌ Effectts · akarachen bundleIdiomatic Effect-TS patterns for TypeScript functional programming. USE THIS SKILL WHEN: Writing new Effect services or layers, debugging Effect type errors (layer composition, error types), choosing between Effect patterns, setting up Effect testing. TRIGGERS ON: 'effect pattern', 'Layer.provide', 'Context.Tag', 'effect service', 'effect error', 'effect test', 'idiomatic effect'. NOT FOR: general TypeScript without Effect.
- ▌ Guided Review · akarachen bundleReview code and produce Guided Review artifacts. Use when the user asks for review, code review, PR review, architecture review, a guided review, PR walkthrough, line map, suggested reading order, or a structured PR review summary with risk and verification focus; prioritize concrete bugs, risks, overengineering, style drift, and missing focused tests.
- ▌ Feature Dev · akarachen bundleInterrogate a proposed feature before implementation by studying the repository and all project documentation, then asking one product or technical question at a time until intent, scope, acceptance criteria, boundaries, failure modes, and trade-offs are resolved. Use when a user describes a feature idea, asks to clarify or design a feature, wants product and technical requirements challenged, or needs the resulting decisions recorded in docs/prd, docs/adr, and docs/spec.md.
- ▌
- ▌
- ▌ Core · akarachen bundleCore agent-browser usage guide. Read this before running any agent-browser commands. Covers the snapshot-and-ref workflow, navigating pages, interacting with elements (click, fill, type, select), extracting text and data, taking screenshots, managing tabs, handling forms and auth, waiting for content, running multiple browser sessions in parallel, and troubleshooting common failures. Use when the user asks to interact with a website, fill a form, click something, extract data, take a screenshot, log into a site, test a web app, or automate any browser task.
- ▌ Update · akarachen bundleUpdate assistant-ui and AI SDK to latest versions. Detects current versions, identifies breaking changes, and executes migrations.
- ▌ Adr Skill · akarachen bundleCreate and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject, deprecate, or supersede an ADR; bootstrap an adr folder and index; consult existing ADRs before implementing changes; or enforce ADR conventions. This skill uses Socratic questioning to capture intent before drafting, and validates output against an agent-readiness checklist.
- ▌ Angel Host · akarachen bundleControl the local Angel Engine desktop daemon via the bundled `angelctl` CLI: list chats, send messages, inspect runs and projects. Use when the user asks to manage Angel chats or when orchestration needs host APIs. Skill-first path; does not require MCP.
- ▌ Major Version Mode · akarachenContext for working on the next AI SDK major release. Only use when explicitly invoked by the user (e.g. via '/major-version-mode'). Do NOT trigger autonomously based on task content.
- ▌ Angel Engine Release · akarachen bundleRelease Angel Engine desktop builds through the repository's GitHub Actions workflow. Use when the user asks to publish, cut, ship, tag, or release an Angel Engine desktop version, including beta/prerelease and stable releases. Enforces the required order: update desktop/package.json version first, commit it, create and push the release tag, then let or trigger the desktop release Action, and verify signed/notarized artifacts and updater metadata.
- ▌ Yoi · akarachen bundleLand software on a Linux machine (pack optional), register it into that machine's yoi store, or manage the client-side server fleet. Use when the human says "用 yoi 安装 NAME", asks to install something via yoi with no pack, asks what packs exist, or wants to register/inspect managed servers.
- ▌ Yoi Server · akarachenInstall yoi-server and the dashboard probe, and keep the probe up with systemd. Use when the human wants the server CLI, yoi-dashboard, or a unit that restarts on boot or crash.
- ▌ Docker · akarachenInstall Docker on Linux via the official get.docker.com convenience script and verify it runs containers.
- ▌ Hermes · akarachenInstall and verify the Hermes agent (NousResearch/hermes-agent) — official install path, provider and model setup, and the bar for a usable first chat.
- ▌ Lobehub · akarachenDeploy a self-hosted LobeHub instance (the Chief Agent Operator panel) via the official Docker Compose path — prerequisites, configuration pitfalls, and what counts as a usable deployment.
- ▌ Memeseek · akarachenInstall and verify MemeSeek (jnj52016/MemeSeek), a personal meme library with AI vision tagging — official pnpm + Docker Compose path, browser-side AI key setup, and the bar for a usable first upload-and-search loop.
- ▌ Openclaw · akarachenInstall and verify OpenClaw, the personal AI assistant that runs on your own devices — runtime prerequisites, the usability bar, and the pack reference install cmdspec.
- ▌ Add Pack · akarachenAdd a new product pack under packs/ for the yoi storefront by reading the product's official sources first and mirroring how the official site presents it. Use when the user asks to add, create, or author a pack for a product — covering page.mdx, CHECKLIST.md, skill/SKILL.md, reference/install.cmdspec, index.json, and the cover image.
- ▌ Pack Trial · akarachenRun an automated install trial of a yoi pack — codex in full-access mode inside an isolated sandbox-agent Docker container plays out the full path (install the yoi skill, then "用 yoi 安装 NAME") while a driver script plays the human. Use when the user asks to trial, validate, or smoke-test a pack's install flow, or asks whether an agent can install a pack smoothly.
- ▌ UI Audit · akarachen bundleCombines the domain skills into a single review across clarity, layout, writing, typography, color and UI polish.
- ▌ UI Polish · akarachen bundlePolishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.
- ▌ Color System · akarachen bundleHelps you build a color system and answer anything about color in your project. You can generate palettes, use semantic tokens, convert between formats, check contrast and more.
- ▌ Visual Craft · akarachen bundleDefine visual direction and execute it with consistent typography, color, spacing, and motion. Use when designing, implementing, or reviewing visual direction — landing pages, app styling, icons, typography, composition, motion, headings, page overscroll, tokens, anti-slop, or when choosing a direction from a design DNA spec for the chosen visual direction. Use ui-audit separately for UI correctness, disclosure, and cognitive load.
- ▌ Change Review · akarachen bundleReviews your work across multiple categories like UI, typography, layout, color and writing and gives you a detailed analysis of the findings.
- ▌ Design With Me · akarachen bundleCollaborate with a product manager on UI design, from a vague feature idea through discussable HTML wireframes to real component previews using project tokens. Use for iterative design conversations and turning an agreed wireframe into an interactive UI, rather than routine implementation of an already complete specification.
- ▌ UI Stress Test · akarachen bundleRenders a component you choose in every state and scenario on a temporary page and stress tests it.
- ▌
- ▌
- ▌ Make Layout Better · akarachen bundleHelps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.
- ▌ Make Typography Clean · akarachen bundleFocuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.
- ▌ Openspec Onboard · akarachenGuided onboarding for OpenSpec - walk through a complete workflow cycle with narration and real codebase work.
- ▌ Release Macos Dmg · akarachenRelease a macOS desktop app version through GitHub Releases, watch the GitHub Actions build until completion, download the macOS DMG asset, mount it, copy the app into /Applications, detach the image, launch the installed app, and verify the installed version. Use when the user asks to release a version, ship a beta, watch CI, download a DMG from GitHub Releases, install a macOS app artifact, or continue a release/install workflow.
- ▌ Dead Code Cleanup · akarachenFind and remove unused code across frontend and backend. Use when the user asks to "clean up dead code", "find unused exports", "remove unused commands", "delete dead code", or wants to identify and eliminate unreferenced functions, types, dependencies, or Tauri commands. Covers both TypeScript/React frontend (via knip) and Rust/Tauri backend analysis.
- ▌ Release Changelog · akarachenCreate a GitHub release with auto-generated changelog for the 2code Tauri desktop app. Use when the user wants to create a new release, publish a version, generate a changelog, build and ship a DMG, or run the release pipeline. Handles the full pipeline: reads version from src-tauri/tauri.conf.json, builds DMG via bun tauri build, generates changelog from conventional commits since the last release, creates a GitHub draft release, uploads the DMG artifact, and publishes.
- ▌ Openspec Continue Change · akarachenContinue working on an OpenSpec change by creating the next artifact. Use when the user wants to progress their change, create the next artifact, or continue their workflow.
- ▌ Improve · akarachen bundleSurvey 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 where to take the project next (roadmap, product direction), or generate handoff plans for another agent to implement.
- ▌ Init Deep · akarachenGenerate hierarchical AGENTS.md and ensure paired CLAUDE.md files for codebases. Creates root AGENTS.md + CLAUDE.md plus complexity-scored subdirectory files. Use when user asks to "generate AGENTS.md files", "create codebase knowledge base", "run /init-deep", or wants comprehensive project documentation. Supports update mode (default) and --create-new flag to regenerate from scratch.
- ▌ Heroui React · akarachen bundleHeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing @heroui/react; configuring dark/light themes with oklch variables; or fetching component docs. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles.
- ▌
- ▌ Adapt · akarachenAdapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility.
- ▌ Audit · akarachenRun technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.
- ▌ Bolder · akarachenAmplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character.
- ▌ Harden · akarachenImprove interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues.
- ▌ Polish · akarachenPerforms a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great.
- ▌ Animate · akarachenReview a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive.
- ▌ Arrange · akarachenImprove layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition.
- ▌ Clarify · akarachenImprove unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing.
- ▌ Delight · akarachenAdd moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable.
- ▌ Distill · akarachenStrip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused.
- ▌ Extract · akarachenExtract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens.
- ▌ Onboard · akarachenDesigns and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows.
- ▌ Quieter · akarachenTones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic.
- ▌ Typeset · akarachenImproves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography.
- ▌ Colorize · akarachenAdd strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette.
- ▌ Critique · akarachen bundleEvaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.
- ▌ Optimize · akarachenDiagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
- ▌ Normalize · akarachenAudits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system.
- ▌ Overdrive · akarachenPushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary.
- ▌ Netlify Deploy · akarachen bundleDeploy web projects to Netlify using the Netlify CLI (`npx netlify`). Use when the user asks to deploy, host, publish, or link a site/repo on Netlify, including preview and production deploys.
- ▌ Frontend Design · akarachen bundleCreate distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context.
- ▌ Teach Impeccable · akarachenOne-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.
- ▌ Eric Rust · akarachen bundleApply when implementing or reviewing Rust types, module structure, errors, validation, serialization, or generated data contracts in any application.
- ▌ Eric Grill · akarachen bundleStress-test product, technical, and domain-modeling plans. Use when the user asks to grill, challenge, or sharpen a plan, especially when terminology, boundaries, or assumptions are unclear.
- ▌ Eric React · akarachen bundleApply Eric's React and TSX component standards. Use when implementing, refactoring, or reviewing React components, hooks, providers, JSX/TSX props, local component state, memoization, effects, or React-specific tests in Eric's style.
- ▌ Eric Tauri · akarachen bundleApply when choosing Tauri or implementing and reviewing Tauri command responsiveness, async execution, contracts, or frontend/native integration.
- ▌ Eric Review · akarachen bundleReview code using Eric's standards. Use when the user asks for review, code review, frontend review, backend review, desktop review, React review, architecture review, PR review, or asks whether code matches Eric's style; prioritize concrete bugs, risks, overengineering, style drift, and missing focused tests.
- ▌ Eric Backend · akarachen bundleApply when implementing or reviewing transport handlers, service/core boundaries, backend DTO ownership, input validation boundaries, or service bootstrap.
- ▌ Eric Desktop · akarachen bundleApply shared desktop app principles when implementing or reviewing local storage, cross-service types, cross-language clients, renderer data, navigation, or OS integration.
- ▌ Eric Electron · akarachen bundleApply when choosing Electron or implementing and reviewing Electron browser surfaces, Node integration, or IPC.
- ▌ Eric Frontend · akarachen bundleApply Eric's frontend coding standards. Use when implementing, refactoring, or reviewing frontend web/app UI code, TanStack Query usage, feature-folder organization, styling boundaries, app-vs-website UI decisions, frontend state, or frontend tests in Eric's style. For React-specific components, hooks, providers, memoization, effects, or local reducer work, also use $eric-react.
- ▌ Eric Github Pr · akarachen bundleApply Eric's GitHub pull request review operations. Use when operating on GitHub PR changed-file review state, marking safe test-only files viewed, preparing a GitHub PR for review, or using gh GraphQL review mechanics.
- ▌ Eric Javascript · akarachen bundleApply Eric's JavaScript and TypeScript standards. Use when creating JS/TS/Node projects, installing dependencies, running package scripts, changing package-manager commands, or reviewing npm/pnpm/yarn/bun command usage.
- ▌ Eric E2e Testing · akarachen bundleApply Eric's browser end-to-end testing standards. Use when a task needs a real browser, UI smoke test, screenshot capture, browser bug reproduction, Dockerized browser test run, or agent-browser based verification.
- ▌ Eric Writing Tests · akarachen bundleApply Eric's test-writing standards. Use when deciding whether to add tests, choosing unit vs integration coverage, writing focused regression or correctness tests, reviewing tests, or explaining test strategy.
- ▌ Eric Github Actions · akarachen bundleApply Eric's GitHub Actions standards. Use when creating, editing, reviewing, or debugging GitHub Actions workflows, reusable workflows, or action references; selecting versions for `uses`; or validating workflow YAML.
- ▌ Eric Domain Modeling · akarachen bundleApply when designing or reviewing business models, state machines, business rules, domain ownership, or side-effect boundaries in any language.
- ▌ Eric Working With Repo · akarachenFind the right repository before working. Check ~/Developer first, then GitHub personal repos, then organization repos. Clone into Developer by default, or /tmp when the user says it is one-off.
- ▌ Eric Node Backend Stack · akarachen bundleApply when choosing or reviewing Node.js backend technologies for API frameworks, database access, migrations, SQLite clients, or background job queues.
- ▌ Eric Working With Issue · akarachenKeep one outcome per issue and organize independently deliverable parts as sub-issues. Use when creating or splitting GitHub issues, linking or detaching sub-issues and dependencies with gh, or reading back issue hierarchy.
- ▌ Eric Working With Opensource · akarachenMinimize maintainer disturbance when contributing to open-source projects Eric does not lead.