Design
15354 skills in Content & Media > Design
markdown-pro
세련된 README 파일, 변경 이력(changelog), 기여 가이드(contribution guide) 및 기술 문서를 작성하기 위한 전문가 수준의 Markdown 문서화 SKILL입니다. 사용 사례: (1) 배지와 섹션을 포함한 README 생성, (2) git 히스토리를 이용한 자동 변경 이력 생성, (3) 목차(table of contents) 생성, (4) 기여 가이드라인 작성, (5) 기술 문서 포맷팅, (6) 구문 강조(syntax highlighting)를 포함한 코드 문서화
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
professionalism-credibility
Use when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.
sqlmesh
SQLMesh patterns for data transformation with column-level lineage and virtual environments. Use when building data pipelines that need advanced features like automatic DAG inference and efficient incremental processing.
react-ts-vite-frontend
Skill for understanding, refactoring, and extending this React + TypeScript + Vite SPA frontend (components, routing, state, and API calls) whenever the user asks for UI changes, bug fixes, or new frontend features in this project.
desktop-ui-design
Design intuitive desktop interfaces following platform conventions with proper layouts, keyboard shortcuts, and native widgets
shelby-protocol-expert
Expert on Shelby Protocol architecture, erasure coding, placement groups, read/write procedures, Clay Codes, chunking, storage providers, RPC servers, and decentralized storage system design on Aptos blockchain. Triggers on keywords Shelby Protocol, erasure coding, Clay Codes, placement groups, Shelby architecture, storage provider, blob storage, chunking, Shelby whitepaper.
receiving-code-review
Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementation
using-vertical-tdd
OpenSpec駆動の垂直TDDスケルトン戦略。提案作成・技術検証・設計・実装・アーカイブの全ライフサイクルをサポート。使用タイミング:(1) OpenSpecスラッシュコマンド実行時(`OpenSpec: Propose`, `OpenSpec: Apply`, `OpenSpec: Archive`)(2) 新機能開発の開始時(「新機能を追加」「〜を実装」リクエスト、OpenSpec提案がまだ存在しない場合)(3) 提案の修正・継続(openspec/changes/配下にファイルが存在、「提案を修正」「設計を見直し」リクエスト)(4) 実装の再開(tasks.mdに未完了タスクがある、「実装を続ける」「次のステップ」リクエスト)(5) 技術検証が必要(design.md作成前、複数技術選択肢がある、「技術検証」「ライブラリ調査」リクエスト)使用しない場合: バグ修正、タイポ修正、ドキュメント更新のみ、設定ファイル変更のみ
status-message-components
Implement loading, error, success, and empty state components for Vue 3. Use when creating toast notifications, loading spinners, empty state pages, or status indicators. Mentions "loading state", "empty state", "toast component", "error UI", or "success message".
localization
iOSアプリのローカライズ(多言語対応)を支援するスキル。String Catalog (.xcstrings) とXcode 26の型安全なシンボル生成機能を使ったローカライズを実現。使用シーン:(1) プロトタイプから本番実装への書き換え時にテキストをローカライズする (2)「このテキストをローカライズして」などの明示的な指示 (3) 新しい画面や機能追加時にUIテキストのローカライズが必要な場合
frontend-design
Frontend design system utilities with component libraries, theme management, responsive design tools, and accessibility features.
security-validation
Pre-merge security validation detecting secrets, user-specific paths, insecure SSH configurations, and security-weakening flags. Use before committing code/documentation, before creating PRs, or during QA validation. Supports automated scanning with severity-based enforcement (CRITICAL blocks merge, HIGH requires fixes).
framer-motion
Creates animations with Framer Motion/Motion including transitions, gestures, layout animations, and scroll effects. Use when animating React components, creating page transitions, adding gesture interactions, or building animated interfaces.
dheplab-website
DHEPLab academic website management. Content creation, publication sync,Substack integration, and deployment for the Astro 5 + Tailwind 4 site.USE WHEN user says 'website', 'dheplab site', 'lab website', 'add to website','sync publications', 'sync substack', 'deploy site', 'preview build','create blog post', 'add team member', 'update research area'.
fastify
Builds high-performance Node.js APIs with Fastify, TypeScript, schema validation, and plugins. Use when building fast REST APIs, microservices, or needing schema-based validation.
volunteer-coordination
👥 Comprehensive volunteer program management including recruitment, training, scheduling, and recognition for successful festival operations.
console-features
Console UI, API endpoints, template rendering, user-facing features
billing-automation
Build automated billing systems for recurring payments, invoicing, subscription lifecycle, and dunning management. Use when implementing subscription billing, automating invoicing, or managing recurring payment systems.
code-review
Use for quick self-review of small changes. For comprehensive review or cross-domain changes, dispatch @code-reviewer agent instead.