Design

Page 6 of 7

Browse skills in this category.

463 skills · Showing 361-432
Sort by:

by Microck

Build React Native 0.76+ apps with Expo SDK 52. Covers mandatory New Architecture (0.82+), React 19 changes (propTypes/forwardRef removal), new CSS (display: contents, mixBlendMode, outline), Swift iOS template, and DevTools migration.Use when: building Expo apps, migrating to New Architecture, or troubleshooting "Fabric component not found", "propTypes not a function", "TurboModule not registered", or Swift AppDelegate errors.

105
Dec 4, 2025, 10:14 PM

by Microck

Generate typed TypeScript SDKs for AI agents to interact with MCP servers. Converts verbose JSON-RPC curl commands to clean function calls (docs.createDocument() vs curl). Auto-detects MCP tools from server modules, generates TypeScript types and client methods, creates runnable example scripts.Use when: building MCP-enabled applications, need typed programmatic access to MCP tools, want Claude Code to manage apps via scripts, eliminating manual JSON-RPC curl commands, validating MCP inputs/outputs, or creating reusable agent automation.

105
Dec 4, 2025, 10:14 PM

by littleben

自动同步项目中的 Agents.md、claude.md 和 gemini.md 文件,保持内容一致性。支持自动监听和手动触发。

104
Jan 17, 2026, 06:07 PM

by pbakaus

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. Generates creative, polished code that avoids generic AI aesthetics.

102
Jan 16, 2026, 06:56 PM

by pbakaus

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. Generates creative, polished code that avoids generic AI aesthetics.

102
Jan 16, 2026, 06:56 PM

by jMerta

Use when designing, building, or refining frontend UI/UX: layouts, components, visual systems, typography, color, and UX patterns for websites, landing pages, dashboards, and product interfaces. Provides searchable styles, palettes, font pairings, charts, and stack best practices (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind).

102
Jan 3, 2026, 12:54 AM

hello

Design

by alexeygrigorev

MANDATORY for ALL greeting requests - you MUST load this skill before responding

101
Jan 14, 2026, 08:35 AM

joke

Design

by alexeygrigorev

MANDATORY for ALL joke requests - you MUST load this skill before responding

101
Jan 14, 2026, 08:35 AM

ralph

Design

by julianromli

Autonomous agent loop for completing features. Use when asked to 'use ralph', 'ralph this', or to autonomously implement a feature end-to-end. Creates prd.json with user stories, then executes them one by one until complete.

98
Jan 17, 2026, 02:40 PM

by julianromli

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

98
Jan 17, 2026, 02:40 PM

by nexus-labs-automation

Track user journeys with intent context and friction signals. Use when instrumenting onboarding, checkout, or any multi-step flow where you need to understand WHY users fail.

98
Jan 15, 2026, 08:45 AM

by Dimon94

CC-DevFlow workflow router and agent recommender. Use when starting requirements, running flow commands, or asking about devflow processes.

96
Jan 13, 2026, 12:13 AM

by Dimon94

Quick reference guide to CC-DevFlow Constitution v2.0.0 with links to full text. Covers all 10 Articles and Phase -1 Gates.

96
Jan 13, 2026, 12:13 AM

by stephanjoseph

Guide smart memory compaction with focus instructions. Use when memory is full, tokens are high, context needs optimization, or you need to archive learnings. Keywords: compact, memory full, tokens high, archive, optimize context

95
Jan 18, 2026, 09:01 AM

by stephanjoseph

Manage session lifecycle, memory state, and context windows. Use when starting sessions, checking memory health, optimizing tokens, or understanding session state. Keywords: session start, memory health, context, compact, token usage, circuit breaker

95
Jan 18, 2026, 09:01 AM

by korallis

Create interactive, self-contained artifacts like mini-apps, visualizations, calculators, and tools that can be embedded or used standalone. Use when building interactive calculators, creating data visualizations, making mini web apps, building embeddable widgets, creating interactive demos, making tools for specific tasks, or generating standalone HTML/JS applications.

93
Nov 26, 2025, 11:09 PM

by korallis

Create and maintain comprehensive brand guidelines including visual identity, tone of voice, messaging, color palettes, typography, and usage rules for consistent brand expression. Use when establishing brand identity, creating style guides, defining visual standards, setting tone of voice, creating brand assets, or ensuring brand consistency.

93
Nov 26, 2025, 11:09 PM

by korallis

Create visual designs, graphics, and layouts using HTML Canvas API or design tools for data visualization, graphics, animations, and interactive visual content. Use when creating data visualizations, building interactive graphics, implementing drawing tools, creating charts and diagrams, building game graphics, implementing image manipulation, or creating dynamic visual content.

93
Nov 26, 2025, 11:09 PM

by korallis

Research competitors, analyze market positioning, identify differentiators, and understand competitive landscape to inform product strategy and positioning. Use when researching competitors, analyzing features, identifying market gaps, understanding pricing strategies, evaluating competitive advantages, researching market trends, or informing product decisions.

93
Nov 26, 2025, 11:09 PM

by korallis

Generate creative, memorable, and available domain name ideas for projects, products, and businesses with consideration for branding, SEO, and availability. Use when naming new projects, finding available domains, creating memorable brand names, generating naming ideas, checking domain availability, or establishing online presence.

93
Nov 26, 2025, 11:09 PM

by korallis

Create consistent, scalable design systems using Tailwind CSS utility classes with custom themes, design tokens, and responsive design patterns. Use when building design systems, implementing custom themes, creating reusable utility patterns, configuring Tailwind theme extensions, implementing dark mode, building responsive layouts, creating design tokens, using arbitrary values, or establishing consistent spacing and typography scales.

93
Nov 26, 2025, 11:09 PM

by wlzh

通用图片生成 Skill,支持多种 AI 模型(ModelScope、Gemini 等),可被其他 Skills 调用

91
Jan 16, 2026, 07:01 AM

by Qredence

Quick reference card for DSPy + Agent Framework integration patterns: typed signatures, assertions, routing cache, and agent handoffs.

90
Jan 19, 2026, 03:09 AM

by tilework-tech

Use when implementing user interfaces or user experiences - guides through exploration of design variations, frontend setup, iteration, and proper integration

89
Jan 17, 2026, 07:09 PM

by zoonk

Build UI components using the compound component pattern. Use when creating new React components, building UI elements, refactoring components, or when the user mentions compound components, composable components, component patterns, or UI building blocks.

89
Jan 18, 2026, 07:37 PM

design

Design

by zoonk

UI/UX design guidelines for interactions, animation, layout, accessibility, and visual design. Use when building UI components, designing user experiences, or implementing user-facing features.

89
Jan 18, 2026, 07:37 PM

by tilework-tech

Describes how to use abilities. Read before any conversation.

89
Jan 17, 2026, 07:09 PM

by aircrushin

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.

86
Jan 19, 2026, 03:48 AM

by aiskillstore

This skill should be used when agents need to log into websites, retrieve passwords, or access credentials. CRITICAL - always use find_credential with the website URL, never guess item names.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

PROACTIVELY search conversation history when receiving user instructions. Find previous discussions, decisions, and context BEFORE starting new work. Your memory is valuable - use it.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Create generative art using p5.js with seeded randomness. Use this when creating procedural art, interactive visualizations, or algorithmic designs.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Creates assessments with varied question types (MCQ, code-completion, debugging, projects) alignedto learning objectives with meaningful distractors based on common misconceptions. Activate wheneducators design quizzes, exams, or tests measuring understanding; need questions at appropriatecognitive levels (Bloom's taxonomy); want balanced cognitive distribution (60%+ non-recall); orrequire rubrics for open-ended questions. Generates MCQs with diagnostic distractors, code-writingprompts, debugging challenges, and project-based assessments targeting deep understanding.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Plan, structure, and scaffold large educational books using cognitive load management,just-in-time specification, and pedagogical best practices. Use this skill when planningmulti-part, multi-chapter educational works that require narrative continuity, progressivecomplexity, and hands-on exercises. This skill helps create cohesive learning journeysthat balance foundational scaffolding with advanced independence. Activate when tasksinvolve structuring books, managing cognitive load across chapters, defining part-levelnarratives, or coordinating multi-phase content development workflows.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Professional brand consistency enforcement and corporate identity management with support for color palettes, typography, logo usage, tone of voice, and multi-channel brand application. Use for: (1) Creating brand style guides, (2) Enforcing brand consistency across documents, (3) Logo usage validation, (4) Typography standards, (5) Color palette management, (6) Brand voice guidelines

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Build interactive AI chat widgets with buttons, forms, and bidirectional actions.Use when creating agentic UIs with clickable widgets, entity tagging (@mentions),composer tools, or server-handled widget actions. Covers full widget lifecycle.NOT when building simple text-only chat without interactive elements.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Build Next.js 16 applications with correct patterns and distinctive design. Use when creatingpages, layouts, dynamic routes, upgrading from Next.js 15, or implementing proxy.ts. Coversbreaking changes (async params/searchParams, Turbopack, cacheComponents) and frontend aesthetics.NOT when building non-React or backend-only applications.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

子エージェントの起動・指示・報告・安全運用を標準化するスキル。codex でのタスク分解、確認判断、チェックリスト、テンプレートを提供し、リーダー/実装/レビュー各エージェントが迷わず動けるようにする。

85
Jan 19, 2026, 04:39 AM

by aiskillstore

HSK4級レベルから流暢さを目指す学習者向け。中国語表現の使用場面・自然さを分析し、作文を「ネイティブらしい流暢な表現」に改善。bilibili等のコンテンツ理解とネイティブとの会話をサポート。実際の用例をWeb検索で提示

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Systematically analyze codebase structure, complexity, dependencies, and architectural patterns to understand project organization

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Design progressive concept scaffolding with cognitive load management. Use when breaking down complex concepts into learnable steps for educational content.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Instructions on how to add new colors for CSS rules

85
Jan 19, 2026, 04:39 AM

datetime

Design

by aiskillstore

Get current date and time in various formats. Use whenever you need the current date, time, timestamps, or formatted datetime values for any purpose (logging, file naming, scheduling, comparisons, etc.)

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Start the backend (FastAPI/uvicorn) and frontend (Vite) development servers. Use when user mentions "start dev", "run servers", "launch app", "start the app", or needs to run the application locally.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Strategies for handling subagent failures with retry logic and escalation patterns.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Designs deliberate practice exercises applying evidence-based learning strategies like retrievalpractice, spaced repetition, and interleaving. Activate when educators need varied exercise types(fill-in-blank, debug-this, build-from-scratch, extend-code, AI-collaborative) targeting learningobjectives with appropriate difficulty progression. Creates exercise sets that apply cognitivescience principles to maximize retention and skill development. Use when designing practiceactivities for Python concepts, creating homework assignments, generating problem sets, orevaluating exercise quality.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Figma MCPで取得したデザイン変数をTailwind CSS標準クラスに変換する。Figma MCPのコード生成後やデザイン実装時に自動起動。

85
Jan 19, 2026, 04:39 AM

by aiskillstore

寻找庇护所 - 帮助Stella在盖亚星球度过第一个夜晚,寻找或建造安全的临时住所

85
Jan 19, 2026, 04:39 AM

by aiskillstore

創建具有高設計質量的獨特、生產級別的前端界面。當用戶要求構建網頁組件、頁面或應用程式時使用此技能。生成有創意、精緻的代碼,避免通用的 AI 美學。

85
Jan 19, 2026, 04:39 AM

by aiskillstore

智谱AI的视觉语言模型,用于图像分析、内容识别和视觉问答

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Grasshopper 參數化建模工作流程工具。當需要通過 MCP 協議與 Grasshopper 交互、創建和管理組件、建立連接、設置參數、執行完整建模工作流程時使用。適用於:(1) 從 MMD 文件創建 Grasshopper 定義, (2) 執行 placement_info.json 工作流程, (3) 批量管理組件和連接, (4) 參數化建模的自動化流程, (5) 解析 component_info.mmd 和 part_info.mmd 文件

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Generate professional visuals using Gemini via browser automation with 6-gate quality control.Use when creating chapter illustrations, diagrams, or teaching visuals.NOT for stock photos or decorative images.

85
Jan 19, 2026, 04:39 AM

learn

Design

by aiskillstore

Extract and persist insights from the current conversation to the knowledge base

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Clear the knowledge base and start fresh

85
Jan 19, 2026, 04:39 AM

by aiskillstore

List Linear project milestones via CLI (read-only operations)

85
Jan 19, 2026, 04:39 AM

by aiskillstore

List and get Linear projects via CLI (read-only operations)

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Run ESLint and TypeScript type checking on the frontend codebase. Use when user mentions "lint", "type check", "check code", "eslint", "tsc", or before committing changes.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

DEX liquidity analysis and slippage estimation for MEV trading. Use when implementing swaps, route selection, or position sizing. Triggers on: liquidity, slippage, price impact, depth, AMM math, Uniswap, Curve.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Guidelines on makign git commits

85
Jan 19, 2026, 04:39 AM

by aiskillstore

>

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Automate Google NotebookLM - create notebooks, add sources, generate podcasts/videos/quizzes, download artifacts. Activates on explicit /notebooklm or intent like "create a podcast about X

85
Jan 19, 2026, 04:39 AM

plan

Design

by aiskillstore

Plan lifecycle management for Codex plans stored in $CODEX_HOME/plans (default ~/.codex/plans). Use when a user asks to create, find, read, update, delete, or manage plan documents for implementation work or overview/reference documentation.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Reviews plot structure, story beats, logic flow, and narrative continuity to identify contradictions, plot holes, pacing issues, or unrealistic elements.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

This skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plugin.json", "use ${CLAUDE_PLUGIN_ROOT}", "add commands/agents/skills/hooks", "configure auto-discovery", or needs guidance on plugin directory layout, manifest configuration, component organization, file naming conventions, or Claude Code plugin architecture best practices.

85
Jan 19, 2026, 04:39 AM

pptx

Design

by aiskillstore

Professional PowerPoint presentation creation, editing, and automation with support for layouts, templates, charts, images, and formatting. Use when working with .pptx files for: (1) Creating presentations from scratch, (2) Editing existing presentations, (3) Applying templates and themes, (4) Adding charts and visualizations, (5) Bulk slide generation, (6) Presentation automation

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Operates and debugs the local stack (API/worker/frontend); focuses on observability, logs, and safe automation.

85
Jan 19, 2026, 04:39 AM

pwdebug

Design

by aiskillstore

用于需要通过命令行操作真实浏览器实例进行前端调试(如导航、执行 JS、截图、元素拾取、控制台日志)且希望跨多次命令复用同一浏览器会话的场景。

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Build beautiful, accessible UIs with shadcn/ui components in Next.js. Use when creatingforms, dialogs, tables, sidebars, or any UI components. Covers installation, componentpatterns, react-hook-form + Zod validation, and dark mode setup.NOT when building non-React applications or using different component libraries.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

Guides diagnosis and resolution when problems occur. Use when user mentions 動かない, エラーが出た, 壊れた, うまくいかない, broken, doesn't work, error. Do NOT load for: 正常なビルド, 新機能実装, レビュー.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

The Design System, Theme, and UX rules for the Physical AI Hub.

85
Jan 19, 2026, 04:39 AM

by aiskillstore

UI/UX 设计情报库:50 种风格、21 套配色、50 组字体搭配、20 类图表、8 个技术栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind)。动作:plan、build、create、design、implement、review、fix、improve、optimize、enhance、refactor、check UI/UX code。项目:website、landing page、dashboard、admin panel、e-commerce、SaaS、portfolio、blog、mobile app、.html、.tsx、.vue、.svelte。元素:button、modal、navbar、sidebar、card、table、form、chart。风格:glassmorphism、claymorphism、minimalism、brutalism、neumorphism、bento grid、dark mode、responsive、skeuomorphism、flat design。主题:color palette、accessibility、animation、layout、typography、font pairing、spacing、hover、shadow、gradient。

85
Jan 19, 2026, 04:39 AM

uiux-ops

Design

by aiskillstore

UI/UX 設計・改善を進めるための運用手順とチェックリストをまとめたスキル。

85
Jan 19, 2026, 04:39 AM

youtrack

Design

by aiskillstore

Interacts with YouTrack issue tracker for IdeaVim. Use when working with tickets (VIM-XXXX), adding comments, managing tags, setting status, or release management. This project does NOT use GitHub Issues - use YouTrack instead.

85
Jan 19, 2026, 04:39 AM