Design
Page 6 of 6
Browse skills in this category.
building-nextjs-apps
Designby 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.
child-agent-ops
Designby aiskillstore
子エージェントの起動・指示・報告・安全運用を標準化するスキル。codex でのタスク分解、確認判断、チェックリスト、テンプレートを提供し、リーダー/実装/レビュー各エージェントが迷わず動けるようにする。
by aiskillstore
HSK4級レベルから流暢さを目指す学習者向け。中国語表現の使用場面・自然さを分析し、作文を「ネイティブらしい流暢な表現」に改善。bilibili等のコンテンツ理解とネイティブとの会話をサポート。実際の用例をWeb検索で提示
codebase-analysis
Designby aiskillstore
Systematically analyze codebase structure, complexity, dependencies, and architectural patterns to understand project organization
concept-scaffolding
Designby aiskillstore
Design progressive concept scaffolding with cognitive load management. Use when breaking down complex concepts into learnable steps for educational content.
css-colors
Designby aiskillstore
Instructions on how to add new colors for CSS rules
datetime
Designby 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.)
dev-servers
Designby 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.
error-recovery
Designby aiskillstore
Strategies for handling subagent failures with retry logic and escalation patterns.
exercise-designer
Designby 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.
figma-to-tailwind
Designby aiskillstore
Figma MCPで取得したデザイン変数をTailwind CSS標準クラスに変換する。Figma MCPのコード生成後やデザイン実装時に自動起動。
finding-shelter
Designby aiskillstore
寻找庇护所 - 帮助Stella在盖亚星球度过第一个夜晚,寻找或建造安全的临时住所
frontend-design
Designby aiskillstore
創建具有高設計質量的獨特、生產級別的前端界面。當用戶要求構建網頁組件、頁面或應用程式時使用此技能。生成有創意、精緻的代碼,避免通用的 AI 美學。
grasshopper-workflow
Designby aiskillstore
Grasshopper 參數化建模工作流程工具。當需要通過 MCP 協議與 Grasshopper 交互、創建和管理組件、建立連接、設置參數、執行完整建模工作流程時使用。適用於:(1) 從 MMD 文件創建 Grasshopper 定義, (2) 執行 placement_info.json 工作流程, (3) 批量管理組件和連接, (4) 參數化建模的自動化流程, (5) 解析 component_info.mmd 和 part_info.mmd 文件
image-generator
Designby 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.
learn
Designby aiskillstore
Extract and persist insights from the current conversation to the knowledge base
linear-milestones-read
Designby aiskillstore
List Linear project milestones via CLI (read-only operations)
linear-projects-read
Designby aiskillstore
List and get Linear projects via CLI (read-only operations)
lint-typecheck
Designby 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.
liquidity-depth-analyzer
Designby 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.
plan
Designby 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.
plot-consistency-checker
Designby aiskillstore
Reviews plot structure, story beats, logic flow, and narrative continuity to identify contradictions, plot holes, pacing issues, or unrealistic elements.
pptx
Designby 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
project-operator
Designby aiskillstore
Operates and debugs the local stack (API/worker/frontend); focuses on observability, logs, and safe automation.
pwdebug
Designby aiskillstore
用于需要通过命令行操作真实浏览器实例进行前端调试(如导航、执行 JS、截图、元素拾取、控制台日志)且希望跨多次命令复用同一浏览器会话的场景。
styling-with-shadcn
Designby 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.
troubleshoot
Designby aiskillstore
Guides diagnosis and resolution when problems occur. Use when user mentions 動かない, エラーが出た, 壊れた, うまくいかない, broken, doesn't work, error. Do NOT load for: 正常なビルド, 新機能実装, レビュー.
ui-design-system
Designby aiskillstore
The Design System, Theme, and UX rules for the Physical AI Hub.
youtrack
Designby 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.
youtube-transcript
Designby aiskillstore
Download and process YouTube video transcripts using yt-dlp. Use this when extracting subtitles, creating summaries from videos, or processing video content.
design-principles
Designby eser
Code design patterns: pure functions, immutability, composition, lazy initialization, and side-effect management. Use when designing function signatures, structuring modules, or choosing between mutable and immutable patterns.
analyzing-requirements
Designby skanehira
ユーザー要件を分析し、システム設計ドキュメント(DESIGN.md)を生成します。ユーザー要件が曖昧または不明確な場合、システムアーキテクチャの設計が必要な場合、大規模な機能開発の設計仕様が必要な場合、技術的実現可能性の検証が必要な場合に使用します。不明点はAskUserQuestionツールで確認します。
planning-tasks
Designby skanehira
承認済みの設計書(DESIGN.md)からTDD準拠のTODO.mdを作成します。analyzing-requirementsスキルで設計が完了・承認された後に使用します。developingスキルで実装できる形式のタスクリストを生成します。
xiaohongshu-posting
Design小红书自动发帖工具包,通过AutoGLM控制手机自动化发布小红书笔记。当用户请求在小红书发布内容、创建帖子或自动化发帖流程时使用此技能。提供两种发帖模式(普通笔记和长文)的分步指导,确保内容格式正确和UI导航准确。
matrix-reindex
Designby ojowwalker77
This skill should be used when the user asks to "reindex the codebase", "refresh code index", "update matrix index", "rebuild symbol index", or needs to manually trigger code indexing.
matrix-skill-candidates
Designby ojowwalker77
This skill should be used when the user asks to "find skill candidates", "which solutions can be promoted", "list promotable solutions", "find high-value solutions", or wants to identify Matrix solutions suitable for promotion to Skills.
dispatch-release
Designby cartridge-gg
Dispatch a release using GitHub Actions. Use when asked to create a release, publish to npm, or start the release process.
autoflow-run
Designby bfly123
Execute current step in AutoFlow workflow. Use when running /tr or continuing task execution.
dual-design
Designby bfly123
Parallel design by Claude and Codex with merge discussion. Use for step or task design.
design-principles
Designby nokonoko1203
Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards, admin interfaces, or any UI that needs Jony Ive-level precision - clean, modern, minimalist with taste. Every pixel matters.
apply-mantel-styles
Designby sammcj
Provides guidelines for applying Mantel's brand styles to diagrams and frontend components. Use when asked to create visuals that need to align with Mantel's branding.
by sammcj
Creates structured development plans with phased task breakdowns, requirements, and QA checklists. Use when the user explicitly asks to create a dev plan, development plan, or document development requirements.
home-assistant
Designby sammcj
This skill should be used when helping with Home Assistant setup, including creating automations, modifying dashboards, checking entity states, debugging automations, and managing the smart home configuration. Use this for queries about HA entities, YAML automation/dashboard generation, or troubleshooting HA issues.
plan
Designby appautomaton
Draft a repo-local plan using the plan skill template and optionally save it.
by bencium
Expert UI/UX design guidance for unique, accessible interfaces. Use for visual decisions, colors, typography, layouts. Always ask before making design decisions. Use this skill when the user asks to build web components, pages, or applications.