akarachen
Community@akarachen
button painter, string concatenator, log alchemist
Agent Skills by akarachen
Showing 39 vetted skills indexed across 3 GitHub repositories.
AkaraChenagent-browser
Automate browser navigation, form filling, screenshots, and data extraction via a CLI.
AkaraCheneffectts
Write idiomatic Effect-TS services, layers, schemas, and tests using canonical patterns.
AkaraChenanimate
Adds purposeful animations, micro-interactions, and motion effects to frontend UI features.
AkaraChenquieter
Reduces visual intensity in designs by refining color, weight, motion, and composition.
AkaraChenoptimize
Diagnoses and fixes UI performance issues across loading, rendering, animations, and bundle size.
AkaraChenadapt
Adapt designs across screen sizes, devices, and platforms using breakpoints and fluid layouts.
AkaraChenclarify
Rewrites unclear UX copy, error messages, labels, and instructions for interface comprehension.
AkaraChendistill
Simplifies UI designs by removing unnecessary elements, visual noise, and redundant content.
AkaraChenheroui-react
Build accessible React UIs with HeroUI v3 components and Tailwind CSS v4 theming.
AkaraChendelight
Add micro-interactions, animations, and personality to user interfaces.
AkaraChenteach-impeccable
Gathers project design context and writes persistent design guidelines to a config file.
AkaraChenonboard
Designs onboarding flows, empty states, and first-run experiences for product interfaces.
AkaraChennormalize
Audits and realigns UI features to match design system tokens, components, and patterns.
AkaraChenaudit
Runs technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns with scored reports.
AkaraChenproject-form-patterns
Standardize HeroUI v3 React form patterns with RHF integration.
AkaraChenharden
Improves interface resilience through error handling, i18n support, and edge case management.
AkaraChenpolish
Reviews and fixes alignment, spacing, interaction states, and consistency issues in frontend interfaces before shipping.
AkaraChenextract
Extract reusable components and design tokens into a design system.
AkaraChenbolder
Amplifies generic frontend designs with bolder typography, color, layout, and motion.
AkaraChenimprove
Audit codebases to generate prioritized implementation plans without modifying source code.
AkaraChenfrontend-design
Generate distinctive production-grade frontend interfaces with typography, color, motion, and interaction guidelines.
AkaraChenarrange
Improves layout, spacing, and visual hierarchy in frontend interfaces.
AkaraChentypeset
Improves typography by fixing font choices, hierarchy, sizing, weight, and readability in web interfaces.
AkaraChencritique
Evaluate interface designs against UX heuristics, personas, and cognitive load criteria.
Frequently Asked Questions About akarachen
FAQPage SchemaWhat tasks can I accomplish with akarachen's skills?▼
You can refine UI designs (animate, polish, colorize, typeset, arrange), audit accessibility and performance, build HeroUI v3 React interfaces with Tailwind CSS v4, manage OpenSpec change lifecycles, remove dead TypeScript/Rust code, and drive browser interactions like form filling, screenshots, and data extraction.
Who are akarachen's skills designed for?▼
Frontend engineers, product designers, and design-system maintainers working in React and TypeScript codebases. The OpenSpec suite targets developers practicing spec-driven change management, while effectts serves TypeScript developers writing Effect services, layers, and tests.
How do I invoke and run these skills in practice?▼
Most design skills are user-invocable with an optional target argument such as a feature, page, or component. The agent-browser skill runs via Bash using npx agent-browser commands. teach-impeccable runs once to persist project design context into your AI config file.
Are akarachen's skills open source and what do they cost?▼
The frontend-design skill is licensed Apache 2.0, based on Anthropic's frontend-design skill with attribution in NOTICE.md. Other skills carry no stated license or fee in the manifest; they are distributed freely through the public skill registry.
What prerequisites or dependencies do these skills require?▼
React skills assume HeroUI v3, Tailwind CSS v4, and React Hook Form. effectts requires an Effect-TS TypeScript project. dead-code-cleanup targets TypeScript/React or Rust/Tauri codebases. agent-browser requires Bash access with npx to execute browser commands.