コミュニティスキル
アート＆デザイン
5608 skills
wondelai/domain-driven-design
Model software around the business domain using bounded contexts, aggregates, and ubiquitous…
github.com
stablyai/orchestration
Use Orca orchestration for structured multi-agent coordination: threaded messages, blocking…
github.com
remix-run/react-router-framework-mode
Build full-stack React applications using React Router's framework mode. Use when configuring…
github.com
wondelai/hooked-ux
Design habit-forming product loops using the Hook Model (Trigger, Action, Variable Reward,…
github.com
figma/figma-generate-design
Use this skill alongside figma-use when the task involves translating an application page, view, or…
github.com
ehmo/macos-design-guidelines
Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit,…
github.com
shajith003/ui-design
Use this to design a nice UI in single html as inspiration & UI exploration.
github.com
inngest/inngest-events
Use when designing event-driven workflows, decoupling services, implementing fan-out patterns (one…
github.com
wondelai/ios-hig-design
Design native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions…
github.com
wordpress/wp-plugin-development
Use when developing WordPress plugins: architecture and hooks, activation/deactivation/uninstall,…
github.com
upstash/find-docs
Retrieves up-to-date documentation, API references, and code examples for any developer technology.…
github.com
dimillian/swiftui-liquid-glass
Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked…
github.com
stablyai/orca-cli
Use the public `orca` CLI to operate Orca-managed worktrees, folder contexts, terminals, repos,…
github.com
elevenlabs/sound-effects
Generate sound effects from text descriptions using ElevenLabs. Use when creating sound effects,…
github.com
ccheney/clean-ddd-hexagonal
Proactively apply when designing APIs, microservices, or scalable backend structure. Triggers on…
github.com
callstackincubator/dogfood
Systematically explore and test a mobile app on iOS/Android with agent-device to find bugs, UX…
github.com
alpic-ai/chatgpt-app-builder
Guide developers through creating and updating ChatGPT apps. Covers the full lifecycle:…
github.com
daniel-dan-conrad/ui-designer
Craft one-of-a-kind, ship-ready frontend interfaces with elevated design quality. Apply this skill…
github.com
figma/figma-use
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER…
github.com
softaworks/skill-judge
Evaluate Agent Skill design quality against official specifications and best practices. Use when…
github.com
softaworks/writing-clearly-and-concisely
Use when writing prose humans will read—documentation, commit messages, error messages,…
github.com
softaworks/database-schema-designer
Design robust, scalable database schemas for SQL and NoSQL databases. Provides normalization…
github.com
softaworks/qa-test-planner
Generate comprehensive test plans, manual test cases, regression test suites, and bug reports for…
github.com
homeassistant-ai/home-assistant-best-practices
Best practices for HA automations, helpers, scripts, controls, and dashboards. TRIGGER THIS SKILL…
github.com
cyxzdev/uncodixfy
Prevents generic AI/Codex UI patterns when generating frontend code. Use this skill whenever…
github.com
benjitaylor/agentation-self-driving
Autonomous design critique mode using the Agentation annotation toolbar. Use when the user asks to…
github.com
superdesigndev/superdesign
Superdesign is a design agent specialized in frontend UI/UX design. Use this skill before…
github.com
secondsky/tailwind-v4-shadcn
| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when:…
github.com
onmax/nuxt-ui
Use when building styled UI with @nuxt/ui v4 components - create forms with validation, implement…
github.com
callstackincubator/agent-device
Automates Apple-platform apps (iOS, tvOS, macOS) and Android devices. Use when navigating apps,…
github.com
onmax/reka-ui
Use when building with Reka UI (headless Vue components) - provides component API, accessibility…
github.com
heroui-inc/heroui-native
HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building…
github.com
vercel/building-components
Guide for building modern, accessible, and composable UI components. Use when building new…
github.com
josiahsiegel/tailwindcss-advanced-layouts
Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns. PROACTIVELY…
github.com
heroui-inc/heroui-react
HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI…
github.com
czlonkowski/n8n-workflow-patterns
Proven workflow architectural patterns from real n8n workflows. Use when building new workflows,…
github.com
vercel/ai-elements
Build AI chat interfaces using ai-elements components — conversations, messages, tool displays,…
github.com
nuxt/nuxt-ui
Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when…
github.com
alchaincyf/huashu-design
花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家（UX/动画师/幻灯片设计师/原型师），避免web…
github.com
solana-foundation/solana-dev
Use when user asks to "build a Solana dapp", "write an Anchor program", "create a token", "debug…
github.com
pbakaus/shape
Plan the UX and UI for a feature before writing code. Runs a structured discovery interview, then…
github.com
pbakaus/harden
Make interfaces production-ready: error handling, empty states, onboarding flows, i18n, text…
github.com
pbakaus/onboard
Designs and improves onboarding flows, empty states, and first-run experiences to help users reach…
github.com
pbakaus/frontend-design
frontend-design — an installable skill for AI agents.
github.com
pbakaus/extract
Extract and consolidate reusable components, design tokens, and patterns into your design system.…
github.com
pbakaus/normalize
Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when…
github.com
heygen-com/tailwind
Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or…
github.com
pbakaus/distill
Strip designs to their essence by removing unnecessary complexity. Great design is simple,…
github.com
pbakaus/clarify
Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces…
github.com
pbakaus/adapt
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements…
github.com
pbakaus/audit
Run technical quality checks across accessibility, performance, theming, responsive design, and…
github.com
arvindrk/extract-design-system
Extract design primitives from a public website and generate starter token files for your project.
github.com
roin-orca/simple
Invoke before any creative or architectural work — feature design, component creation, or…
github.com
sleekdotdesign/sleek-design-mobile-apps
Use when the user wants to design a mobile app, create screens, build UI, or interact with their…
github.com
larksuite/lark-event
Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via…
github.com
microsoft/azure-enterprise-infra-planner
Architect and provision enterprise Azure infrastructure from workload descriptions. For cloud…
github.com
supabase/supabase-postgres-best-practices
Postgres performance optimization and best practices from Supabase. Use this skill when writing,…
github.com
jayvee6/sj-design
a claude skill that builds beautiful and professional presentations
github.com
hcassar93/ui-ux-score-loop
Browser UI/UX scoring loop for Codex skills. Test flows, track screenshots, and improve with 0-100…
github.com
haystackeditor/risk-brief
A pre-submit Claude Code / Codex skill that turns your agent's design decisions into a PR…
github.com