UI Components
Code-based UI component generation and styling
code-reviewer
by idotta
Use this skill to review code. It supports both local changes (staged or working tree) and remote Pull Requests (by ID or URL). It focuses on correctness, maintainability, and adherence to project standards.
Kislev
by yagamidsa
Guía maestra para desarrollar Kislev (sistema de gestión residencial Django) usando Claude Code con arquitectura multi-agente. Úsala siempre que vayas a implementar nuevas features, refactorizar módulos existentes, o coordinar trabajo entre agentes especializados en el proyecto.
workflow-designer
by falak-vhora
Design detailed, implementation-ready engineering workflows as checklists. Use when the user asks for a workflow, process, or step-by-step implementation plan related to coding, refactors, or technical tasks.
observational-reframe
by sethmblack
Transform political, social, or cultural observations into Trevor Noah-style comedy by applying the outsider's lens to reveal inherent absurdities and contradictions.
devdocs-system-design
by ab300819
Create or update system design documents. Supports initial design and incremental design modes. Use when users need technical architecture, API design, data models, design changes, or impact analysis. Triggers on keywords like "system design", "architecture", "technical design", "API design", "design change", "impact analysis", "设计变更", "影响分析".
find-skills
by Jackiexiao
当用户提出诸如“我如何做X”、“为X找到技能”、“是否有可以……的技能”或表示有兴趣扩展功能等问题时，帮助他们发现并安装代理技能。当用户正在寻找可能作为可安装技能存在的功能时，应使用此技能。
travel-confirmation
by myhanil82-alt
여행 확정서(HTML)를 만들 때 반드시 이 스킬을 사용하라. "확정서 만들어줘", "여행확정서", "가이드 확정서", "손님 확정서" 등 여행 확정서 관련 요청이 오면 항상 이 스킬을 먼저 읽고 작업하라.
vue-testing-best-practices
by hello-lizhihua
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
observable-notebook-kit
by kindy
Create, edit, and build Observable Notebooks using Notebook Kit. Use when working with .html notebook files, generating static sites from notebooks, querying databases from notebooks, or using data loaders (Node.js/Python/R) in notebooks. Covers notebook file format, cell types, CLI commands, database connectors, and JavaScript API.
design-taste-frontend
by Huma0no
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
Pandoc Wizard
by Cursedpotential
A modular CLI wizard for constructing and running complex Pandoc commands, specifically focused on HTML chunking and Lua filters.
@clack/prompts
by yusenthebot
Effortlessly build beautiful command-line apps 🪄 Try the demo. Use when: 🤏 80% smaller than other options; 💎 Beautiful, minimal UI; 🧱 Comes with text, confirm, select, multiselect, and spinner components. NOT for: web browser UI rendering; server-side HTML generation.
comfyui-retro-anime
by tippyentertainment
Multi-modal ComfyUI skill that generates retro late-1990s / early-2000s anime-style characters, movie frames, images, sounds, and voices using a single, consistent Midjourney-style prompt template.
spec-save-design
by nu1nux
Convert a /spec:brainstorm session into a structured design document saved under docs/designs.
run
by xuesongjun
启动 Test Studio 应用
frontend-angular
by teodevlor
Angular (v17+) frontend development conventions. Use when working on Angular projects.
resume-assistant
by liwei-xyz
简历助手技能，生成专业可编辑的 HTML 简历模板，支持照片上传、PDF 导出。触发词："简历"、"简历模板"、"帮我写简历"。
frontend-design
by James54-cmd
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
frontend-app-design
by hostpennyuk
Create distinctive, production-grade React Native Expo interfaces following iOS Human Interface Guidelines and liquid glass design principles. Use when building mobile screens, components, or styling any React Native UI.
nextjs-turborepo
by brixtonpham
"Full-stack web development with Next.js and Turborepo. Stack: Next.js 14+ (App Router, RSC, Server Actions, PPR, SSR, SSG, ISR), Turborepo (monorepo, pipelines, remote caching), RemixIcon (3100+ icons). Capabilities: server components, API routes, middleware, caching strategies, build optimization, monorepo management. Actions: create, build, deploy, optimize Next.js apps, setup monorepo, configure caching. Keywords: Next.js, App Router, Server Components, RSC, Server Actions, SSR, SSG, ISR, PPR, Turborepo, monorepo, remote cache, build pipeline, parallel execution, workspace, pnpm, icons. Use when: building Next.js apps, implementing SSR/SSG, setting up monorepos, optimizing build performance, configuring caching strategies, managing shared dependencies."
ui-ux-design
by karchtho
UI/UX design principles, design systems, accessibility, responsive design, and user experience best practices. Activates when discussing layouts, styling, design decisions, user flows, or visual design.
react-useeffect
by VisualxIntelligence
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.
vercel-composition-patterns
by yldgio
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
clarify-skill
by maxoreric
澄清用户意图的 Skill。当用户给出模糊想法、需要脑暴、需要讨论设计时触发。触发词：帮我想想、我想做、讨论一下、澄清、clarify。