UI Components
Code-based UI component generation and styling
design-futurist
by ShotaIuchi
Forward-looking design analysis. Apply when evaluating design proposals for long-term scalability, emerging technologies, future requirements, evolution paths, and migration costs.
_frontend-mastery
by TriNgo0108
Master frontend development, user interfaces, React ecosystem, and web design principles. Use this as a central index to access specialized sub-skills.
adversarial-debate
by ameistad
Simulates a structured debate with three personas to help make difficult decisions. Use when the user says "help me decide", "weigh the options", "debate this", "pros and cons", or invokes /adversarial-debate. Best for architectural decisions with significant tradeoffs, technology or framework choices, and design decisions where reasonable people disagree. Skip for trivial decisions or when there's an obviously correct answer.
ui-design-a11y
by Protagonistss
无障碍设计审查与修复能力。
aso-appstore-screenshots
by aruffolo
Create and refine App Store screenshot sets from an app codebase plus existing app screenshots. Use when Codex needs to discover ASO benefit headlines, review and rate supplied screenshots, pair screens to messages, choose colors and typography, compose App Store-ready PNGs, or build a showcase image without Figma or simulator automation.
skill-creator-cn
by ephemeraldew
创建高效技能的中文指南。当用户想要创建新技能（或更新现有技能）以扩展 Claude 的能力时，应使用此技能。适用于需要专业知识、工作流程或工具集成的场景。
swiff-ios
by Narenreddy2302
Expert assistant for the Swiff iOS subscription and expense management application. Use when working on Swiff iOS features, architecture, SwiftUI/SwiftData development, widgets, notifications, subscriptions, expenses, group billing, security, accessibility, or performance optimization. Provides comprehensive knowledge of MVVM architecture, service layer patterns, and iOS best practices.
SKILL.md — Enso / Origami / Okyu HR App
by diningaccess-dev
â Tá»a Äá» GPS 3 quán Äã cáºp nháºt
ai-engineering
by mguinada
"Build AI agents and agentic workflows. Use when designing/building/debugging agentic systems: choosing workflows vs agents, implementing prompt patterns (chaining/routing/parallelization/orchestrator-workers/evaluator-optimizer), building autonomous agents with tools, designing ACI/tool specs, or troubleshooting/optimizing implementations. PROACTIVE ACTIVATION: Auto-invoke when building agentic applications, designing workflows vs agents, or implementing agent patterns. DETECTION: Check for agent code (MCP servers, tool defs, .mcp.json configs), or user mentions of \"agent\", \"workflow\", \"agentic\", \"autonomous\". USE CASES: Designing agentic systems, choosing workflows vs agents, implementing prompt patterns, building agents with tools, designing ACI/tool specs, troubleshooting/optimizing agents."
creative-direction-council
by antonioc-cl
Expert creative direction council with 6 advisors (Vignelli, Draplin, Bierut, Scher, Sagmeister, Carson) for visual identity, branding, and design systems.
react-template
by adamelliotfields
Scaffold a React single-page application with Vite, TypeScript, and Tailwind. Use when making a new React project or frontend application unless another framework is specified.
astro-page-generator
by ehtbanton
Generate Astro page components with islands architecture. Triggers on "create astro page", "generate astro component", "astro file", ".astro page".
pixel
by ahmadzakiy
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill to implement designs from Figma nodes or natural language to Vue 3 component or Nuxt pages using Mekari Pixel 3 design system. Requires a working Pixel MCP server connection.
unpoly
by thomasklemm
Comprehensive guide for building server-rendered apps with Unpoly — a progressive enhancement framework that adds SPA-like behavior through HTML attributes. Use when working with Unpoly fragment updates, overlays/layers, forms, compilers, caching, lazy loading, animations, transitions, error handling, polling, the render lifecycle, or server integration. Covers [up-follow], [up-target], [up-layer], [up-submit], [up-validate], up.compiler(), up.render(), up.layer.open(), caching, previews, optimistic rendering, and more.
create-proposal
by albertpurnama
Generate Indonesian construction quotation/proposal PDFs (Surat Penawaran). Use when creating proposals for bored pile drilling, construction services, or similar project quotes in Indonesian. Supports custom items, pricing, and terms.
achra-guidelines
by YasielCabrera
Achra Platform guidelines, business rules, architecture, and engineering patterns. Use when writing or refactoring Achra code, adding modules or components, creating or updating skeleton loaders, loading placeholders, Suspense fallbacks, or Next.js loading.tsx, answering questions about Achra architecture or business domains, deciding when to use feature flags, applying Achra naming and placement conventions, or answering which technologies and libraries the project uses.
ui-ux-master
by kdbhalala
Master UI/UX design skill combining Apple HIG, modern web design, SuperDesign patterns, and universal design principles. Use for any UI/UX design task including iOS/macOS/web apps, landing pages, dashboards, design systems, accessibility, responsive layouts, animation, and creating beautiful, functional interfaces across all platforms and frameworks.
eve-agentic-app-design
by Incept5
Layer agentic capabilities onto a full-stack Eve app — agents, teams, multi-model inference, memory, events, chat, and coordination. Use when designing an app where agents are primary actors, not afterthoughts.
m15-anti-pattern
by lywa1998
"Use when reviewing code for anti-patterns. Keywords: anti-pattern, common mistake, pitfall, code smell, bad practice, code review, is this an anti-pattern, better way to do this, common mistake to avoid, why is this bad, idiomatic way, beginner mistake, fighting borrow checker, clone everywhere, unwrap in production, should I refactor, 反模式, 常见错误, 代码异味, 最佳实践, 地道写法"
frontend-design
by MichaelFisher1997
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.
coss-ui
by hk-vk
coss ui documentation and resources. Use this skill when working with coss ui or when the user mentions coss ui.
image-generation
by ocmrz
Generate images using AI models (Gemini 2.5 Flash Image, Gemini 3 Pro Image Preview, or Imagen). Use when the user asks to generate, create, or draw an image.
vercel-composition-patterns
by pm-minji
React composition patterns that scale. Use when refactoring components with
comfyui-comics-01
by tippyentertainment
Skill for generating gritty Mirage Comics–style graphic novel images, panels, and sequences via ComfyUI / image models using a consistent prompt template.