Explorar el registro

Todas las entradas, por orden alfabético — 57.265 en total. Página 86 de 230.

• frame-data-chart-nytNYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
• frame-data-rollupA native Remotion data frame — bars grow from zero by real data via spring physics while the figures roll 0→ta
• frame-electric-studioTwo-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line
• frame-flowchart-stickySVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstorm
• frame-glitch-titleDigital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
• frame-light-leak-cinemaFilm light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.
• frame-liquid-bg-heroWebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or pos
• frame-logo-outroSegmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.
• frame-macos-notification拟真 macOS 通知 banner + app icon + 标题正文, 适合 video overlay / 产品发布预告
• frame-pentagram-statSwiss-grid statistic anchor — giant number, red accent, growing bars, black data bar. Rational and editorial.
• frame-takram-organicSoft-tech radial node graph as art — frosted rounded card, curved links drawing in, nodes popping outward, gen
• framer-expertExpert in Framer design and development - from interactive prototypes to production sites with Framer Motion,
• framer-motionFramer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.
• framer-motion-animatorCreates smooth animations and micro-interactions using Framer Motion including page transitions, gestures, scr
• framer-motion-patternsWeb UI animation authoring for React/Next.js apps. Framer Motion variants, spring physics, gesture interaction
• framer-motion-skillsSix dedicated Framer Motion skills: core animation, React/Next.js integration, variants and orchestration, scr
• framer-ui-skillsFramer's UI design system. Use when building interfaces inspired by Framer's aesthetic - dark mode, Inter font
• framework-builderBuild reusable agent-readable frameworks from any domain expertise. Use when someone says "systematize this,"
• framework-comparatorCompares families of agent frameworks and orchestration stacks and recommends an approach.
• framework-migration-assistantAutomatically migrate Python web applications between frameworks (Flask → FastAPI, Django → FastAPI). Use when
• framing-docCreate a framing document from conversation transcripts. Use when the user has transcripts (VTT, call notes, e
• framing-research-questionsYou MUST use this before any data analysis or investigation - before exploring a dataset, loading or profiling
• franchise-benchmarkingBenchmark franchise locations by comparing top and bottom quartile performance across revenue, profitability,
• franchise-inventoryAnalyze franchise inventory management for par level optimization, waste tracking and root cause analysis, the
• frankenphpFrankenPHP Documentation - Modern PHP application server built on Caddy
• franklywatson-debugInvoke when debugging, fixing bugs, diagnosing failures, or when something is broken, unexpected, or not worki
• franklywatson-investigateAlias for debug+. Invoke when encountering any bug, test failure, or unexpected behavior. Redirects to debug+
• franklywatson-planInvoke AFTER brain+ design is approved. Wraps superpowers:writing-plans with constitutional rules, testing str
• franklywatson-reviewInvoke AFTER verify+ passes. Wraps superpowers:requesting-code-review with constitutional compliance checklist
• franklywatson-tddInvoke AFTER plan+ is approved. Wraps superpowers:test-driven-development with full-loop assertions, real-depe
• franklywatson-verifyInvoke AFTER tdd+ or sdd+ implementation is complete. Wraps superpowers:verification-before-completion with ev
• frankx-brandCreator operating system for AI-native workflows: skills, commands, agents, and plugins for Claude Code, Curso
• frankx-daily-executionExecutes Frank's daily workflow using the FrankX agent system, Starlight Intelligence, and productivity method
• frankx-daily-execution-systemHelps execute Frank's daily workflow using the FRANKX-SUPERINTELLIGENT-AGENT-SYSTEM, Starlight Intelligence, a
• frankxai-algorithmic-artCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this wh
• frankxai-artifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
• frankxai-autoplanAuto-review pipeline — reads the full CEO, design, and eng review skills from disk and runs them sequentially
• frankxai-benchmarkPerformance regression detection using the browse daemon. Establishes baselines for page load times, Core Web
• frankxai-brand-guidelinesApplies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having
• frankxai-canvas-designCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when
• frankxai-codexOpenAI Codex CLI wrapper — three modes. Code review: independent diff review via codex review with pass/fail g
• frankxai-design-consultationDesign consultation: understands your product, researches the landscape, proposes a complete design system (ae
• frankxai-design-reviewDesigner's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow
• frankxai-doc-coauthoringGuide users through a structured workflow for co-authoring documentation. Use when user wants to write documen
• frankxai-docxComprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting
• frankxai-frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the use
• frankxai-github-project-managementComprehensive GitHub project management with swarm-coordinated issue tracking, project board automation, and s
• frankxai-gstack-upgradeUpgrade gstack to the latest version. Detects global vs vendored install, runs the upgrade, and shows what's n
• frankxai-internal-commsA set of resources to help me write all kinds of internal communications, using the formats that my company li
• frankxai-investigateSystematic debugging with root cause investigation. Four phases: investigate, analyze, hypothesize, implement.
• frankxai-mcp-builderGuide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with externa
• frankxai-office-hoursYC Office Hours — two modes. Startup mode: six forcing questions that expose demand reality, status quo, despe
• frankxai-pdfComprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting do
• frankxai-plan-eng-reviewEng manager-mode plan review. Lock in the execution plan — architecture, data flow, diagrams, edge cases, test
• frankxai-pptxPresentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for:
• frankxai-qaSystematically QA test a web application and fix bugs found. Runs QA testing, then iteratively fixes bugs in s
• frankxai-retroWeekly engineering retrospective. Analyzes commit history, work patterns, and code quality metrics with persis
• frankxai-reviewPre-landing PR review. Analyzes diff against the base branch for SQL safety, LLM trust boundary violations, co
• frankxai-shipShip workflow: detect + merge base branch, run tests, review diff, bump VERSION, update CHANGELOG, commit, pus
• frankxai-siSuperintelligence router — composes /superintelligence reasoning with swarm execution only when verb intent de
• frankxai-skill-creatorGuide for creating effective skills. This skill should be used when users want to create a new skill (or updat
• frankxai-slack-gif-creatorToolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable an
• frankxai-tailwindTailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing proje
• frankxai-template-skillReplace with description of the skill and when Claude should use it.
• frankxai-theme-factoryToolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing page
• frankxai-webapp-testingToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend
• frankxai-xlsxComprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis
• frappe-agent-architectUse when designing multi-app Frappe architectures, deciding whether to split functionality into separate apps,
• frappe-agent-debuggerUse when debugging Frappe errors, using bench console for live inspection, analyzing tracebacks, or reading Fr
• frappe-agent-interpreterUse when receiving vague or unclear ERPNext/Frappe development requests that need interpretation. Transforms r
• frappe-agent-migratorUse when migrating a Frappe app between major versions, detecting breaking API changes, or resolving post-migr
• frappe-agent-validatorUse when reviewing or validating Frappe/ERPNext code against best practices and common pitfalls. Checks genera
• frappe-core-apiUse when building ERPNext/Frappe API integrations (v14/v15/v16) including REST API, RPC API, authentication, w
• frappe-core-cacheUse when implementing Redis caching, cache invalidation, or distributed locking in Frappe. Prevents stale cach
• frappe-core-databaseUse when performing database operations in ERPNext/Frappe v14-v16. Covers frappe.db methods, ORM patterns (fra
• frappe-core-filesUse when handling file uploads, attachments, private/public file access, or S3 storage configuration. Prevents
• frappe-core-loggingUse when implementing logging, error tracking, or monitoring in Frappe v14-v16. Covers frappe.logger() for fil
• frappe-core-notificationsUse when implementing email notifications, system alerts, Assignment Rules, Auto Repeat, or ToDo items. Preven
• frappe-core-permissionsUse when implementing the Frappe/ERPNext permission system. Covers roles, user permissions, perm levels, data
• frappe-core-searchUse when implementing search functionality in Frappe v14-v16. Covers link field search (search_link), global s
• frappe-core-translationUse when implementing translations/i18n in Frappe v14-v16 apps. Covers _() in Python, __() in JavaScript, CSV
• frappe-core-utilsUse when working with utility functions in Frappe v14-v16. Covers frappe.utils.* for date/time, number/money,
• frappe-core-workflowUse when creating or modifying Frappe Workflows, defining states and transitions, adding action conditions, or
• frappe-errors-apiUse when debugging or handling API errors in Frappe/ERPNext v14/v15/v16. Prevents silent failures and wrong HT
• frappe-errors-clientscriptsUse when debugging or preventing errors in Frappe Client Scripts. Prevents TypeError, frappe.call failures, as
• frappe-errors-controllersUse when debugging or preventing errors in Frappe Document Controllers. Prevents autoname failures, validate l
• frappe-errors-databaseUse when handling database errors in Frappe/ERPNext. Covers DuplicateEntryError, LinkValidationError, Mandator
• frappe-errors-hooksUse when debugging hooks.py errors in Frappe/ERPNext. Covers hook not firing (typo, wrong dict structure), cir
• frappe-errors-permissionsUse when debugging or handling permission errors in Frappe/ERPNext. Prevents broken document access from throw
• frappe-errors-serverscriptsUse when debugging or preventing errors in Frappe Server Scripts. Prevents ImportError (the #1 error), NameErr
• frappe-impl-clientscriptsUse when implementing client-side form features in Frappe/ERPNext: field visibility, cascading filters, calcul
• frappe-impl-controllersUse when building Document Controllers in a custom Frappe app: file creation, lifecycle hooks, validation, aut
• frappe-impl-customappUse when building a custom Frappe app from scratch. Covers bench new-app walkthrough, app structure decisions,
• frappe-impl-hooksUse when implementing hooks.py configurations in a Frappe custom app. Covers step-by-step workflows for doc_ev
• frappe-impl-integrationsUse when implementing OAuth providers, Connected Apps, Webhooks, Payment Gateways, or Data Import/Export in Fr
• frappe-impl-jinjaUse when building Jinja templates in Frappe: Print Formats, Email Templates, Notification templates, Portal Pa
• frappe-impl-reportsUse when building Script Reports, Query Reports, dashboard charts, or Number Cards in ERPNext. Prevents empty
• frappe-impl-schedulerUse when implementing scheduled tasks and background jobs in Frappe v14/v15/v16. Covers hooks.py scheduler_eve
• frappe-impl-serverscriptsUse when implementing server-side features via Setup > Server Script: document validation, auto-fill, API endp
• frappe-impl-ui-componentsUse when building custom dialogs, extending List View, creating Page controllers, or adding Kanban/Calendar vi
• frappe-impl-websiteUse when building portal pages, Web Forms, website routes, or configuring themes and SEO in Frappe. Prevents 4
• frappe-impl-whitelistedUse when building API endpoints with @frappe.whitelist() in Frappe. Covers endpoint design, permission pattern
• frappe-impl-workflowUse when implementing document Workflows, approval chains, or state-based transitions in Frappe. Prevents stuc
• frappe-impl-workspaceUse when creating or customizing Workspace pages in Frappe v14-v16. Covers Workspace DocType structure, shortc
• frappe-managerUse Frappe Manager (FM) for Docker-based development and testing environments. Use when setting up local dev,
• frappe-ops-app-lifecycleUse when scaffolding a new Frappe app, configuring app settings, building assets, running tests, deploying, up
• frappe-ops-backupUse when configuring backups, restoring sites, encrypting backup files, scheduling automated backups, or plann
• frappe-ops-benchUse when running bench commands, managing sites, configuring multi-tenancy, or setting up domains. Prevents mi
• frappe-ops-cloudUse when working with Frappe Cloud, Press API, provisioning sites, or managing benches on Frappe Cloud infrast
• frappe-ops-deploymentUse when deploying Frappe/ERPNext to production, configuring Nginx or Supervisor, setting up Docker, enabling
• frappe-ops-frontend-buildUse when configuring frontend asset bundling, migrating from build.json (v14) to esbuild (v15+), or troublesho
• frappe-ops-performanceUse when tuning MariaDB, configuring Redis memory, sizing Gunicorn workers, setting up CDN, or profiling slow
• frappe-ops-upgradesUse when upgrading Frappe/ERPNext between major versions (v14 to v15, v15 to v16), troubleshooting failed migr
• frappe-ops-website-deployDeploy HTML/CSS websites to ERPNext/Frappe (v15/v16) as Web Pages via the REST API. Use this skill whenever a
• frappe-syntax-clientscriptsUse when writing client-side JavaScript for ERPNext/Frappe form events, field manipulation, server calls, or c
• frappe-syntax-controllersUse when writing Python Document Controllers for ERPNext/Frappe DocTypes. Covers lifecycle hooks (validate, on
• frappe-syntax-customappUse when building Frappe custom apps from scratch. Covers app structure, pyproject.toml configuration, module
• frappe-syntax-doctypesUse when creating or modifying DocType JSON definitions, choosing fieldtypes, configuring naming rules, adding
• frappe-syntax-hooksUse when configuring Frappe hooks.py for app events, scheduler tasks, document events, fixtures, boot session,
• frappe-syntax-hooks-eventsUse when implementing document lifecycle hooks via doc_events in hooks.py, understanding event execution order
• frappe-syntax-jinjaUse when writing Jinja templates for ERPNext/Frappe Print Formats, Email Templates, and Portal Pages. Covers t
• frappe-syntax-printUse when creating print formats or generating PDFs in Frappe v14-v16. Covers Jinja print formats, Print Design
• frappe-syntax-query-builderUse when building database queries with frappe.qb in Frappe v14-v16. Covers the PyPika-based query builder: SE
• frappe-syntax-reportsUse when building Query Reports, Script Reports, or configuring Report Builder, including chart data integrati
• frappe-syntax-schedulerUse when configuring scheduler events and background jobs in Frappe/ERPNext v14/v15/v16. Covers scheduler_even
• frappe-syntax-serverscriptsUse when writing Python code for ERPNext/Frappe Server Scripts including Document Events, API endpoints, Sched
• frappe-syntax-whitelistedUse when creating Frappe Whitelisted Methods (Python API endpoints) for v14/v15/v16. Covers @frappe.whitelist(
• frappe-testing-cicdUse when setting up CI/CD pipelines for Frappe apps, configuring GitHub Actions test workflows, or adding lint
• frappe-testing-unitUse when writing unit tests, integration tests, creating test fixtures, or running tests with bench run-tests.
• fraud-detectionAnalyze fraud detection systems including rule engines, ML scoring models, real-time transaction monitoring, a
• fraud-watchReview bank or card transactions and surface possible fraud. Works on whatever transaction data the user provi
• fredUS/global macro time series from St. Louis Fed FRED — CPI, GDP, Fed funds, yields, M2, DXY, etc.
• free-apis-catalogUse when suggesting APIs for a project, looking for free data sources, building weekend projects that need ext
• free-energy-workflows-starterA framework for discovering, compiling, and validating reusable skills for scientific agents.
• free-first-checkerThis skill should be used when any other NightShiftOS skill is about to recommend a paid tool, paid course, pa
• free-geocoding-and-mapsGeocode addresses and get map data using free OpenStreetMap Nominatim API. Use when: (1) Converting addresses
• free-image-and-video-generationFree local AI image and video processing toolkit with cloud AI generation. Local tools: upscale (Real-ESRGAN),
• free-memory-reportRoutine utility auditing test info.
• free-model-triageRoute high-volume, low-stakes triage (reading piles, inbox summaries, needs-reply flags) to a free model with
• free-my-archInteractive disk cleanup for Arch Linux. Scans package caches (pacman, AUR helpers, orphans, journal, coredump
• free-my-cpuSafely audit and reduce CPU, load average, I/O wait, and Docker container resource pressure on macOS and Ubunt
• free-my-diskSafely audit and reclaim disk space on macOS and Ubuntu/Linux hosts, including remote servers over SSH. Use wh
• free-tier-batch-planSize a big one-time batch job against a free tier's rate limit and token budget BEFORE starting it, with a pro
• free-tool-strategyWhen the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO valu
• free-translation-apiTranslate text using free LibreTranslate API. Use when: (1) Translating content between languages, (2) Creatin
• free-weather-dataGet current weather, forecasts, and historical data using free Open-Meteo and wttr.in APIs. Use when: (1) Fetc
• freedomintelligence-agent-browserBrowse the web for any task — research topics, read articles, interact with web apps, fill forms, take screens
• freeeve-verifyVerify gochickpeas engine/gql changes end-to-end -- parity gate against real LDBC data plus a public-API sampl
• freelance-proposal-writerGenerate personalized Upwork/freelance proposals from job postings. Paste a job description, and get a tailore
• freelance-rate-cardCalculates freelance rates based on expenses, desired income, and market positioning with rate card formatting
• freelancer-contract개인 프리랜서·1인 사업자와의 용역 계약서 자동 작성 스킬. 민법 위임·도급 규정, 3.3% 원천징수, 지식재산권 귀속 조항을 반영한 프리랜서 계약서 초안 생성.
• freelancer-managementCreates systems for managing multiple freelancers with briefing templates, feedback processes, payment workflo
• freemodbus-integrationUse when integrating, porting, configuring, or debugging FreeModbus RTU, ASCII, TCP, serial ports, timers, eve
• freemty-init-projectUse when setting up a new project (general or research) or when .pipeline-state.json is missing. Triggers on "
• freemty-monitorCheck experiment status and diagnose failures via exp-manager. Triggers on "check status", "看看实验", "how's the
• freemty-update-docsUnified document archival — covers both agent-facing knowhow (env setup, debug, infra, runbooks) and human-fac
• freepascal-lazarus-clean-codePadrões pragmáticos de código limpo para FreePascal/Lazarus — conciso, direto, sem over-engineering
• freepascal-lazarus-code-reviewChecklist de revisão de código FreePascal/Lazarus — qualidade, segurança, performance, SOLID, memória
• freepascal-lazarus-solid-patternsPadrões de implementação SOLID para projetos FreePascal/Lazarus — Repository, Service, Factory, Strategy com c
• freepascal-lazarus-test-driven-development-tdd-e-fpcunitDiretrizes de como a IA deve agir e codificar quando o usuário pedir TDD, testes unitários, FPCUnit ou fakes/m
• freerideManages free AI models from OpenRouter for OpenClaw. Automatically ranks models by quality, configures fallbac
• freertos-kernel-debugUse when debugging FreeRTOS kernel behavior, task scheduling, priorities, stacks, heap schemes, tick interrupt
• freertos-plus-tcp-integrationUse when integrating, porting, configuring, or debugging FreeRTOS+TCP networking, network interface drivers, b
• freesearch-searchRun the lit-review orchestrator free index search channel against keyless OpenAlex, Crossref, and Semantic Sch
• freestylefly-canvas-designCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when
• freestylefly-docxComprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting
• freestylefly-frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the use
• freestylefly-pdfComprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting do
• freestylefly-pptxPresentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for:
• freestylefly-skill-creatorCreate new skills, modify and improve existing skills, and measure skill performance. Use when users want to c
• freestylefly-xlsxComprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis
• freetaxusaGuides users through filing US federal and state taxes on FreeTaxUSA.com using document extraction, tax resear
• freezeRestrict file edits to a specific directory for the session. Blocks Edit and Write outside the allowed path. U
• french-tutorInteractive French translation tutor that drills active sentence production. Use this skill whenever the user
• fresh-eyesRe-reads code you just wrote with fresh perspective to catch bugs, errors, and issues. Use after completing a
• fresh-eyes-reviewFresh-eyes review of a changeset by a fresh-context agent — catches regressions and correctness issues the aut
• fresh-eyes-sweepPRB's collection of agent skills
• fresh-rewriteRewrite a substantial section or complete document based on a freshly written outline, then as a second pass,
• freshdesk-automationAutomate Freshdesk helpdesk operations including tickets, contacts, companies, notes, and replies via Rube MCP
• freshdesk-triagePull open tickets from [Freshdesk](https://composio.dev/toolkits/freshdesk) and triage by priority, type, and
• freshservice-automationAutomate Freshservice ITSM tasks via Rube MCP (Composio): create/update tickets, bulk operations, service requ
• frhscopex-designA comprehensive design operating system synthesized from 10 canonical design books. Covers research, typograph
• frictionOperator-grade AI agent skills for Claude Code, Cursor, Codex, and opencode.
• friction-detectorDetect friction signals; graduate patterns into rules. Use for session retrospectives.
• frictionless-tabular-validation-starterA framework for discovering, compiling, and validating reusable skills for scientific agents.
• fridayUse when the user wants a batch of coding tasks driven through the friday orchestration loop (plan -> Codex im
• friday-briefВыдаёт пятничный пульс конца недели — выручка против прошлой недели, топ-продавцы, победы и точки наблюдения.
• friendliness-approachabilityUse when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
• friendlyApproachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
• friendly-greeterA friendly greeting skill that says hello to users
• friendly-pythonPractical guidance for writing, refactoring, and reviewing friendly Python code with a Pythonic, readable, and
• friendly-reminderMaintains continuity by tracking prior recommendations and surfacing relevant reminders. Use on every interact
• frontPromptWizard 前端开发 Skill。适用于 Vue 3 + Vite + Ant Design Vue + axios 场景下的组件开发、页面调整、API 接入和展示层修复。默认遵循当前仓库的 JavaScr
• front-matter-writerWrite the survey's front matter files (Abstract, Introduction, Related Work, Discussion, Conclusion) in paper
• front-ui-skillsFront's UI design system. Use when building interfaces inspired by Front's aesthetic - light mode, Inter font,
• frontapp-webhooksReceive and verify Front (Frontapp) application webhooks. Use when setting up Front webhook handlers, debuggin
• frontendFrontend development context for the Megahub project. Use when working on the web-based IDE, Vite build system
• frontend-a11yAccessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigat
• frontend-aestheticsRaises the visual quality of agent-generated UI so it stops reading as AI slop, and audits existing UI against
• frontend-ai-guideApplies React/TypeScript-specific technical decision criteria, anti-pattern detection, debugging, and frontend
• frontend-architectUse when building UI components, implementing responsive layouts, managing client-side state, or fixing access
• frontend-architectureUse when structuring a frontend codebase. Covers module and folder organization, state boundaries, data-fetchi
• frontend-architecture-advisorUse when a developer is about to build, restructure or significantly extend a frontend feature and wants to va
• frontend-auditPhase 2/3 of product-playbook — the UI enforcement gate. Mechanically checks built UI (and its DESIGN.md) agai
• frontend-best-practices写 React/Vue 前端代码时使用。组件、状态、性能、可访问性的实战规范。
• frontend-blueprintAI frontend specialist and design consultant that guides users through a structured discovery process before g
• frontend-buildpnpm 워크스페이스와 Vite 빌드를 설정·정비하거나, 의존성·락파일·번들 크기·폐쇄망 self-host 문제를 다룰 때 사용한다. 프레임워크 자체의 코드 작성이 아니라 빌드/패키징 층이 대상이다
• frontend-changeUse when changing the UI — Inertia + Vue pages/components (or Blade/Livewire). Enforces the project's componen
• frontend-code-reviewUse only when the user explicitly requests a review or audit of frontend code under `web/` or `packages/dify-u
• frontend-component-buildBuild production-ready frontend components with accessible markup, sensible props, defined states, and tested
• frontend-component-decision-treesUse this skill whenever the user needs to choose the correct UI component for forms, notifications, errors, lo
• frontend-component-libraryUse when starting a UI and you want reusable accessible primitives: create a small set of reusable, accessible
• frontend-dark-modeUse when adding a light/dark theme toggle: add a persisted light and dark theme toggle driven by a CSS class o
• frontend-designGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps w
• frontend-design-aestheticsProvides reusable frontend UI aesthetics guidance (typography, theme, motion, backgrounds) to avoid generic "A
• frontend-design-barUse when building, reshaping, or reviewing any web UI (landing page, hero, dashboard, component, marketing sit
• frontend-design-deslopProduce distinctive, non-generic UI and design applications well, working strategy-first. Identify the project
• frontend-design-directionSet an ECC-specific frontend design direction for production UI work. Use when building or improving websites,
• frontend-design-guardrailsUse when page, component, form, table, dashboard, responsive layout, or UI review work needs product-quality i
• frontend-design-guidelinesApply tasteful frontend defaults to a Sui dapp (layout, spacing, typography). Use when the user wants frontend
• frontend-design-proShared UI/visual-design rule library for building polished, distinctive, multimedia-rich self-contained HTML s
• frontend-design-reviewReview and create distinctive, production-grade frontend interfaces with high design quality
• frontend-design-systemUse when a site needs to look designed rather than defaulted, before building sections: establish a cohesive d
• frontend-designer-workflowUse when implementing or reviewing pages, components, interactions, responsive layouts, browser behavior, visu
• frontend-devFull-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets,
• frontend-dev-agent前端开发 Agent — UI 实现、组件构建、交互设计、性能优化、可访问性
• frontend-dev-guidelinesFrontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy lo
• frontend-developerUse when implementing animations in code, building UI transitions, or when a developer needs practical animati
• frontend-developmentBuild modern Vue 3 frontend apps using Frappe UI with components, data fetching, and portal pages. Use when cr
• frontend-engineer前端工程师角色技能。当需要根据产品需求、UI设计方案和架构约束实现具体前端功能时使用。关键词：前端开发、组件实现、状态管理、Vue 3、React、TypeScript、SCSS、页面布局、交互实现、API集成、路由、性
• frontend-engineeringBuild and maintain web frontends — component architecture, state management,
• frontend-enhancementGuide frontend enhancement work through interview and UI planning.
• frontend-enhancerThis skill should be used when enhancing the visual design and aesthetics of web applications. It provides mod
• frontend-excellenceModern frontend patterns for React Server Components, performance optimization, and Core Web Vitals
• frontend-flutterActivate when building Flutter mobile UI — iOS, Android, or both. Trigger phrases include "build a Flutter scr
• frontend-forge-fe-operationsOperate FrontendExtension (FE) resources in frontend-forge: create, update, rebuild, inspect package artifacts
• frontend-forge-fi-operationsOperate FrontendIntegration resources and the frontend-forge extension. Use when Codex needs to create a Front
• frontend-formsUse when building forms that need validation and accessible errors: build forms with client side validation an
• frontend-handoff-builderBuild a stronger frontend handoff package before code generation. Use this skill whenever the user wants a web
• frontend-hero-sectionUse when building the top of a landing page, to produce a high-impact hero with confident display type, a clea
• frontend-implementationデザインツール（Figma等）やUI要件を「壊れない・拡張しやすい」実装へ翻訳するための判断軸。px写経を避け、比率・構造・制約・状態を先に設計してからUIを組み立てる。
• frontend-integration-yamlGenerate canonical FrontendIntegration YAML from a simplified single-menu authoring model for frontend-forge.
• frontend-markdown-rendering当需要在前端把最终 assistant 文本渲染为 Markdown，同时保留工具过程为纯文本/JSON，并支持表格、代码块、图片、KaTeX 公式、Mermaid 图和 workspace 本地图片安全访问时使用。
• frontend-marketing-sectionsUse when filling out a landing page below the hero, to build the polished marketing sections a premium site is
• frontend-motionUse when a site needs the smooth entrance and scroll-reveal animations that make a page feel alive and crafted
• frontend-nextActivate when building Next.js (App Router or Pages Router) web frontends — landing pages, marketing pages, pr
• frontend-patternsReact、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。
• frontend-perf-impact-scanThe frontend counterpart to `pr-impact-scan`. Before you PR a change to a React / Next.js / SPA codebase, enum
• frontend-profile-access-ux-engineerUse when implementing the /lenser route, restricted profile shell, lock-state UI, follow request UX, and route
• frontend-quality-auditorAudit frontend websites and apps before launch. Use for production-readiness reviews, visual polish checks, re