frontend-design(前端界面设计)
io.github.cloudflare/vibesdk/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用此技能。生成富有创意、打磨精细的代码与 UI 设计,避免千篇一律的 AI 审美。
“Creative Writing” 共 690 个结果
io.github.cloudflare/vibesdk/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用此技能。生成富有创意、打磨精细的代码与 UI 设计,避免千篇一律的 AI 审美。
io.github.ag2ai/faststream/testing-patterns
在 tests/ 下编写或修改测试时使用——基类 testcase 继承、pytest 标记、fixture、内存 broker 与真实 broker 测试的取舍,以及如何运行测试套件。
io.github.vercel/next.js/router-act
使用 createRouterAct 和 LinkAccordion 编写端到端测试的方法。当编写或修改需要控制 Next.js 内部请求(如 prefetch)时机、或对其响应做断言的测试时使用。涵盖 act API、fixture 模式、通过 LinkAccordion 控制 prefetch、伪造时钟,以及规避易 flaky 的测试模式。
io.github.knowsuchagency/mcp2cli/mcp2cli
把任意 MCP 服务器、OpenAPI spec 或 GraphQL 端点变成 CLI。当用户想通过命令行与 MCP 服务器、OpenAPI/REST API 或 GraphQL API 交互、发现可用工具/端点、调用 API 操作,或从某个 API 生成一个新 skill 时使用。触发语包括 “mcp2cli”、“call this MCP server”、“use this API”、“list tools from”、“create a skill for this API”、“graphql”,以及任何无需写代码即可完成 MCP 工具调用、OpenAPI 端点调用或 GraphQL 查询的任务。
io.github.vm0-ai/vm0/testing
编写与评审测试的全面测试模式和反模式。
io.github.orangehrm/orangehrm/testing
OrangeHRM 测试分层参考——`phpunit.xml` 中声明的按插件 PHPUnit 测试套件、测试数据库生命周期(`instance:create-test-db` 构建含数据的 MySQL 库并由 `CoreFixtureService` 导出、bootstrap 在每个测试时还原)、测试基类(`TestCase` 用于纯单元测试、`KernelTestCase` 用于需要完整框架与 DI 容器的测试、`EntityTestCase` 用于纯实体测试、`EndpointTestCase` 与 `EndpointIntegrationTestCase` 用于带请求 mock 与异常期望的 API 端点测试)、YAML fixture 模式(按插件 `test/fixtures/<DaoName>.yml` + 在 `setUp()` 中调用 `TestDataService::populate($yamlPath)`)、前端单元测试的 Jest 配置(`@vue/cli-plugin-unit-jest/presets/typescript-and-babel`、同级 `__tests__/` 目录),以及用于 E2E 的 Cypress(独立工作区位于 `src/test/functional/`)。当用户编写测试、决定继承哪个基类、调试 fixture 加载、搭建测试数据库、运行单个测试类或试图弄清测试机制时使用。
io.github.FerroxLabs/wayland/backend-architect
化身为资深后端架构师,设计可扩展、高可用的服务端系统,明确 API 契约、合理的模型与有据可查的取舍。当用户需要系统设计、数据库架构、API 契约定义、缓存策略或后端技术选型时使用。编写前端 UI 组件、CSS,或对现有 PR 做代码评审时请勿使用。
io.github.affaan-m/ECC/cpp-coding-standards
基于 C++ Core Guidelines(isocpp.github.io)的 C++ 编码规范。在编写、评审或重构 C++ 代码时使用,以推行现代、安全、符合惯用法的实践。
io.github.affaan-m/ECC/cpp-testing
仅用于编写、更新或修复 C++ 测试,配置 GoogleTest/CTest,诊断失败或不稳定的测试,或添加覆盖率/消毒器。
io.github.affaan-m/ECC/react-testing
React 组件测试:React Testing Library、Vitest/Jest、用 MSW 做网络 mock、基于 axe 的无障碍断言,以及组件测试与 Playwright/Cypress 端到端测试之间的取舍边界。当编写或修复 React 组件、hook 或页面的测试时使用。
io.github.affaan-m/ECC/react-patterns
React 18/19 模式:hooks 纪律、服务端/客户端组件边界、Suspense + 错误边界、表单 action、数据获取、状态管理决策树,以及无障碍优先的组合方式。在编写或审查 React 组件时使用。
io.github.exceptionless/Exceptionless/frontend-architecture
作为 ClientApp 中 Svelte 5 应用的前端统一入口 skill——新增路由、创建功能切片、编写 Svelte 组件、遵循 TypeScript 约定、复用共享 UI/格式化组件、处理无障碍,或编写前端测试。旧版 Angular 应用(ClientApp.angular)仍支撑当前站点的绝大部分页面,但除用户明确要求改动 Angular 或遗留 UI 外,新的前端开发一律只做 Svelte UI。
io.github.mukul975/Anthropic-Cybersecurity-Skills/designing-adversary-engagement-with-mitre-engage
使用 MITRE Engage 框架规划、执行并度量对手参与行动,使所部署的欺骗由策略驱动而非临时为之。涵盖 Engage 矩阵(Prepare、Expose、Affect、Elicit、Understand)、10 步操作流程、将参与 Activity 映射到其暴露的 ATT&CK 技术,以及定义可度量的目标与行动目的。适用于团队已有 honeypot、蜜标或 canary token 却缺乏统筹策略、管理层询问「是否及如何应对对手」、构建欺骗/拒止体系、撰写对手参与行动方案,或决定针对特定威胁行为者部署哪些欺骗 Activity 时。
io.github.alas-poor-ophelia/windrose-md/css-modern-features
只要在编写、评审或重构任何 CSS 就应使用本技能,无论是纯 .css 文件、styled-components、CSS Modules、Tailwind 任意值、React/Vue/Svelte 中的内联样式或其他任何前端场景。它确保在浏览器支持范围内尽量使用现代 CSS 特性 —— 例如 clamp()、:has()、容器查询、OKLCH 颜色、滚动驱动动画、锚点定位、@starting-style、light-dark()、text-wrap: balance 等。任何触及 CSS 的场合(哪怕是间接场景,例如需要自适应尺寸、主题系统、动画或布局)都应触发。当项目浏览器目标已支持原生现代 CSS 特性时,不要退回 px 媒体查询、JS 驱动动画或 CSS-in-JS 变通方案等旧模式。
io.github.nexu-io/open-design/imagegen-frontend-mobile
精英级移动应用图像生成技能,创建高端、应用原生的界面概念与流程。面向 iOS、Android 与跨平台移动产品。强调清晰层级、舒适可读的文字、多屏强一致性、克制的配色、非套路化的创意方向、质感表面、图像主导构图、有品位的手绘图标与干净的 phones 边框样机。默认将界面置于带可见边框的精致 iPhone 或类似手机样机中展示,焦点仍留在应用内容本身。此技能仅生成图像,不写代码。
io.github.mukul975/Anthropic-Cybersecurity-Skills/performing-directory-traversal-testing
通过操控文件路径参数,测试 Web 应用中可读取或写入服务器任意文件的目录穿越漏洞。
io.github.microclaw/microclaw/testing
设计有效测试并决定测什么:单元测试与集成测试、边界用例、arrange-act-assert 结构,以及为一个缺陷编写最小失败测试。当用户要为代码添加测试、询问覆盖哪些用例、想有意义的提升覆盖率或实践 TDD 时使用。触发词:test、unit test、integration test、coverage、edge cases、TDD、assert、mock、测试、单元测试、用例、覆盖率、边界条件。
io.github.apache/airflow/sql-reporting
针对数据仓库编写分析型 SQL 的约定与审查步骤。只要任务涉及查询表、构建报表或聚合指标时使用。
io.github.SignalPilot-Labs/SignalPilot/sql-workflow
在编写任何 SQL 查询之前使用此技能。涵盖:输出形状推断(从问题中获取基数线索)、高效的 schema 探索、基于 CTE 的迭代式查询构建、结构化验证循环(行数、NULL 审计、扇出检查、样例查看)、错误恢复流程、将输出保存到 result.sql 与 result.csv、轮次预算管理以及常见基准陷阱。
io.github.callstack/react-native-testing-library/react-native-testing
使用 React Native Testing Library(RNTL)v13 与 v14(`@testing-library/react-native`)编写测试。在编写、评审或修复 React Native 组件测试时使用。涵盖:render、screen、查询(getBy/getAllBy/queryBy/findBy)、Jest 匹配器、userEvent、fireEvent、waitFor 与异步模式。支持 v13(React 18,同步 render)与 v14(React 19+,异步 render)。触发:React Native 组件的测试文件、RNTL 导入,以及提到「testing library」「写测试」「组件测试」「RNTL」。
io.github.discourse/discourse/discourse-migration
在编写或审查任何数据库迁移(db/migrate、db/post_migrate、插件迁移)之前必须先加载本技能。
io.github.kid-sid/claude-spellbook/docker
在为本地开发编写或优化 Dockerfile、docker-compose.yml,调试与本地表现不一致的容器,或缩减 Python、Node.js 应用镜像体积时使用。不适用于 Kubernetes 资源或 Helm——那类任务请用 containerization。
io.github.microsoft/aspire/deployment-e2e-testing
编写 Aspire 部署端到端测试的指南。在被要求创建、修改或调试部署到 Azure 的 E2E 测试时使用。
io.github.pproenca/dot-skills/dockerfile-optimise
源自 Docker 官方文档的 Dockerfile 优化指南。在编写、评审或重构 Dockerfile 时使用,确保构建时长、镜像体积、安全性与健壮性均达到最优。触发场景:Dockerfile 创建、Docker 镜像构建、容器优化、多阶段构建、构建缓存或 Docker 安全加固。