UI Components
Code-based UI component generation and styling
brainstorming
by arielperez82
"You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation."
jotai
by yusenthebot
👻 Primitive and flexible state management for React. Use when: building component-based UIs; client-side state and rendering; interactive user interfaces. NOT for: server-side CLI utilities; database access layer.
pharmacy-fe-crud-standard
by 39-PhamVanTung-17A3
Tao hoac cap nhat module CRUD Angular (standalone + ng-zorro) theo chuan du an. Chuan hoa model BaseResponse/PageResponse, service map API data, list page co search + pagination, popup create/update co validation va notification.
lian-dan-lu
by xiansenwang110
将课程录音/文字记录/文档材料"炼"成结构化分享材料并制成 PPT 的完整工作流 Skill。 触发场景：用户听完一门课/看完一份材料，需要产出分享内容（PPT/网页/文章等），或说"帮我炼一炉""做成分享材料""做成 PPT""把这门课整理成分享"。 核心流程：输入材料 - 提炼核心观点 - 生成 Markdown 分享稿 - 转化为离线自包含 HTML PPT（自写 JS 翻页系统，零外部依赖）- 迭代修改 - 交付。 适用：培训课程、讲座录音、读书笔记、会议记录等任何需要"消化吸收再输出"的场景。 输出形态：离线 HTML PPT（自写 JS，零外部依赖，微信可直接打开）为本 Skill 默认。
SKILL: HTML Presentation Generator
by doanhieu1986
Báo cáo đúng content mode (📄 hay 🤖) và format
audit
by rakshit-737
Run structured frontend code audits across accessibility, performance, theming, responsive behavior, and visual anti-patterns. Use when the user asks for an accessibility check, performance audit, responsive review, theming review, or a scored technical quality report for a page, feature, or component.
unity-3d-game-developer
by tippyentertainment
Help architect, implement, debug, and optimize 3D games and tools in Unity using C#, modern render pipelines, and best-practice workflows.
GoStudent Recruiting ATS — Development Standards
by wolfgangriess
```
frontend-design
by seiyus-dot
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.
react-state-driven-ui
by lucascmelo
Create React UI as a projection of explicit state transitions using reducer + events. Use when building multi-step forms, async operations, cross-component state, navigation integration, real-time updates, or complex validation. Eliminates timing-dependent bugs through explicit state transitions and isolated side effects.
comfyui-comics-02
by tippyentertainment
Skill for generating Image Comics–style graphic novel characters, images, videos, sound effects, and voices via ComfyUI Cloud using a single prompt template.
campaign-structure
by tonyflo79
Define the structural architecture of the campaign — format, channel strategy, and how all elements connect. Use after offer stack design (Skill 07) is complete and you need to determine the campaign's structural context before writing begins. Defines whether the campaign is a VSL, sales letter, landing page, webinar, or multi-channel promotion, and how each element relates. Produces the structure package with format decisions, channel mapping, and element relationships. Trigger when users mention campaign structure, format selection, VSL vs sales letter, channel strategy, or how the campaign elements fit together. Requires offer package from Skill 07.
vue
by marsidev
Vue 3 Composition API conventions, script setup macros, reactivity patterns, and component best practices. Use when writing .vue files, creating composables, working with defineProps/defineEmits/defineModel, or using Tailwind in Vue templates.
velt-comments-best-practices
by velt-js
Velt Comments implementation patterns and best practices for React, Next.js, and web applications. Use when adding collaborative commenting features, comment modes (Freestyle, Popover, Stream, Text, Page), rich text editor comments (TipTap, SlateJS, Lexical), media player comments, or chart comments.
Design System & UI
by tachfineamnay
Tailwind CSS configuration, Lumira color palette, glassmorphism, and animation patterns.
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找到技能”、“是否有可以……的技能”或表示有兴趣扩展功能等问题时，帮助他们发现并安装代理技能。当用户正在寻找可能作为可安装技能存在的功能时，应使用此技能。
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.