設計
15354 skills in 內容與媒體 > 設計
cli-gemini
Wield Google's Gemini CLI as a powerful auxiliary tool for code generation, review, analysis, and web research. Use when tasks benefit from a second AI perspective, current web information via Google Search, codebase architecture analysis, or parallel code generation. Also use when user explicitly requests Gemini operations.
plan-implementer
Implement technical plans methodically with phase-by-phase execution and verification checkpoints. Use this skill when following a detailed implementation plan that has phased changes and success criteria. The skill guides through each phase, verifies completion, and pauses for human confirmation before proceeding to the next phase.
create-opencode-plugin
Create OpenCode plugins using @opencode-ai/plugin SDK. Use when user wants to BUILD a plugin in .opencode/plugin/ or ~/.config/opencode/plugin/ - for custom tools, event hooks, LLM parameter control, auth providers, or tool execution interception. DO NOT use when modifying OpenCode source code (packages/plugin, packages/opencode, etc.) or working on OC internals - those are core development, not plugin creation.
rfp-early-detection
Identify RFPs 30-90 days early by monitoring job postings, conferences, fleet changes, facility expansions, and M&A activity. Use for building vendor lists and finding opportunities before competitors.
cli-tool-development
Build professional CLI tools with Node.js, commander, and Ink
svelte-framework
Svelte reactive programming, stores, transitions, and building efficient SPAs.
testing-qa
Expert guide for testing Next.js applications with Playwright, Jest, and React Testing Library. Use when writing tests, debugging test failures, or setting up test infrastructure.
developing-bazel-rules
Use when creating custom Bazel rules, toolchains, providers, or aspects. Use when extending Bazel for new languages, build systems, or custom actions. Use when debugging Starlark rule implementations or understanding Bazel build phases.
quick-descriptive-stats
Automatically generate quick descriptive statistics and exploratory data analysis for CSV files with visualizations. Use when a CSV file is uploaded, when analyzing tabular data, when requesting data summaries, or when exploring dataset structure and quality. Proactively runs full analysis without asking questions or offering options.
vue-developer
[Extends frontend-developer] Vue 3 specialist. Use for Vue-specific features: Composition API, script setup, Pinia stores, Vue Router, Nuxt 3 SSR, Vitest. Invoke alongside frontend-developer for Vue projects.
ui-designer
アプリケーションのUIデザイン方針を対話形式で決定する。カラースキーム、レイアウト、コンポーネントスタイル、UXパターンなどをユーザーの好みに合わせて提案・調整する。トリガー条件: (1)「デザインを変えたい」(2)「UIを改善したい」(3)「見た目を変更したい」(4)「テーマを変えたい」(5) デザインに関する相談
github-for-beginners
This skill provides comprehensive guidance for learning and using GitHub, from fundamental concepts through practical workflows. Designed for complete beginners, this skill should be used when teaching GitHub concepts, explaining git workflows, debugging git/GitHub issues, or guiding through practical GitHub tasks like creating branches, commits, pull requests, and merging code.
julien-clemence-wordpress-tooling
Build tools, CSS architecture, and Git workflows for clemencefouquet.fr WordPress theme. Covers linting, @layer CSS, and sync between Laragon/Git/VPS.
python-testing
Use when writing or running Python tests with pytest. Covers fixtures, mocking, parametrization, freezegun for time, and async testing. Triggers on test file creation, fixture design, mocking external dependencies, or test suite architecture. Extends python-development skill.
migration-writer
Expert guidance for writing database migrations using golang-migrate for the mediaz SQLite database. Covers migration creation, testing, rollback capability, data preservation, and mediaz-specific patterns. Activates when users mention migrations, schema changes, database alterations, or golang-migrate.
error-handling
Design global error handling for the .NET 8 WPF widget host app: unhandled exceptions, UI error surfaces, crash reporting, and user-safe recovery. Use when wiring App.xaml.cs exception hooks, adding error boundaries in ViewModels, or integrating crash reporting services.
schema-designer
数据模型设计助手,提供ER图设计与验证、数据库范式检查(3NF/BCNF)、索引优化建议、数据字典生成,与API设计协同确保数据模型一致性,专业数据库设计助力。
video-designer
Expert video designer that generates comprehensive design specifications based on video direction. Creates precise JSON schemas for scenes including elements, animations, timing, and styling following strict design guidelines.
the-archivist
This skill should be used when engineering decisions are being made during code implementation. The Archivist enforces decision documentation as a standard practice, ensuring every engineering choice includes rationale and integrates with Architecture Decision Records (ADRs). Use when writing code that involves choosing between alternatives, selecting technologies, designing architectures, or making trade-offs.
vitest-config
Vitest configuration template and validation logic for test configuration that merges with vite.config.ts. Includes 5 required standards (must merge with vite.config using mergeConfig, required test configuration with globals and jsdom environment, required setup file at src/test/setup.ts with @testing-library/jest-dom, required dependencies, required npm test scripts). Use when creating or auditing vitest.config.ts files to ensure proper test environment setup.