Creative and design automation skills for UI generation, visual systems, branding, and front-end workflows.
This directory brings installable AI Agent skills into one place so you can filter by search, category, topic, and official source, then install them directly into Claude Code, Cursor, Windsurf, and other supported environments.
ローカライズされた概要: A simple example of using Tanstack Router SSR with Hono in a monolith When this skill is activated, always start your first response with the 🧢 emoji. It covers hono, honojs, ssr workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.
Write detailed user stories from implementation plans and post to GitHub. Use after planning with zoonk-issue-planning. Acts as a product owner, providing context and acceptance criteria while leaving room for implementation decisions.
Write a tutorial for newcomers learning a topic in ZIO Blocks. Use when the user asks to write a tutorial or learning guide that teaches concepts step-by-step in a linear path. Tutorials are learning-oriented (for newcomers with no prior knowledge) unlike how-to guides which are task-oriented.
ローカライズされた概要: Check out my Greasyfork page for more details. It covers greasyfork, tampermonkey, tampermonkey-script workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.
Optimize content and websites for AI search engines (ChatGPT, Perplexity, Google AI Overviews) using GEO principles, content chunking, structured data, and brand visibility strategies. Use when working on SEO, AI visibility, content optimization, GEO, getting brand mentioned in AI, or implementing technical SEO for LLM search.
Write a how-to guide on a specific topic in ZIO Blocks. Use when the user asks to write a guide, tutorial, or walkthrough that teaches how to accomplish a concrete goal using ZIO Blocks data types and APIs.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Creates Compose Preview functions for composables. Use when asked to add preview, create preview, or generate @Preview for Compose UI.
A UI Design Language and React UI library powered by Synerise team https://www.synerise.com/design-system
Use when building .NET 10 applications with minimal APIs, clean architecture, or cloud-native microservices. Invoke for Entity Framework Core, CQRS with MediatR, JWT authentication, AOT compilation.
Environment validation checklist. Run this FIRST when starting a new Claude session to verify the environment is ready for optimization work. Checks Rust toolchain, ci/ scripts, build, benchmarking tools, profilers, memory tools, and git state.
agent-sdk は、プロンプト管理を効率化するためのオープンソースプラットフォームです