搜索「Frontend Development」的结果

io.github.Stirling-Tools/Stirling-PDF/ui-walkthrough

对当前分支功能做完整的 UI 调查。枚举每个视图与状态（空态、有数据、加载、错误、每个对话框/菜单/面板、响应式断点、浅色+暗色+RTL），用内置 Playwright 工装捕获，汇总为带全局明暗切换滑杆的单图 HTML 走查，随后跑两轮审查：视觉/一致性（对齐、间距、专业感、明暗一致、对比度、截断）与 UX/易用性（流程、可发现性、可供性、空态/错误态、预期）。当被要求做 UI 走查、截图审查、设计或 QA 巡检、「找出可以更易用/更好的地方」或前端工作合并前使用。加 --fix 自动应用安全的前端修复并重新捕获；--theme 限定主题；--no-rtl 跳过 RTL。

io.github.Stirling-Tools/Stirling-PDF/feature-walkthrough

端到端讲解当前分支的完整逻辑与流程，让毫无前置知识的人也能理解、审查并复现。从分支 diff 界定变更范围，追踪其触达的每一层流程（前端工具/hook/组件、Java controller/service/endpoint、Python 引擎、配置、i18n、测试），产出带 Mermaid 图（时序/流程/架构）、可点击引用的带注释文件地图、前后行为对比、涉及 UI 时的截图、「本地试跑」章节与边界情况/风险的自包含走查文档。当被要求做功能或分支走查、「解释这个分支做了什么」、设计/逻辑说明、PR 审查者上手或交接文档时使用。加 --html 可同时输出渲染的 HTML 版；--no-screens 跳过截图。

io.github.XiaomiMiMo/MiMo-Code/design-blueprint

在任何视觉产物开工前产出结构化设计规范（DESIGN.md + 结构布局 + 决策记录）——这一“蓝图”阶段让 AI 生成的设计摆脱模板感。当用户要求设计、规划、做样机或重构任何视觉输出时使用——PPT/幻灯片、落地页、仪表盘、海报、图表、信息图、营销页、UI 组件、原型、插画——即便他们只说“做个关于 X 的幻灯片”或“帮我搭一个 Y 页面”。当用户要求以原则驱动、规格先行的方式（而非表面修饰）批判或改进既有设计时也触发。不要在用户已提供完整 DESIGN.md 且只想写实现代码时触发（交给 frontend-design 或直接实现）。

io.github.aiskillstore/marketplace/backend-orchestrator

协调后端开发任务（API、服务、数据库）。在实现 REST API、业务逻辑、数据模型或服务集成时使用，并应用 backend-standard.md 作为质量闸门。

io.github.kenn-io/agentsview/testing-without-tautologies

在创建、修改、修复或评审测试时使用；在添加 mock、fake、断言、单元测试、PG 集成测试、前端组件测试或 Playwright e2e 测试时使用；也在测试失败后改动测试时使用。

io.github.citypaul/.dotfiles/typescript-strict

TypeScript 严格模式实践，包括 schema 优先开发、品牌类型、type 与 interface 的选型指引及 tsconfig 严格标志。在编写 TypeScript 代码、定义类型或 schema、审查类型安全时使用。不可变性与纯函数相关模式请参阅 functional 技能。

io.github.sickn33/antigravity-awesome-skills/styleseed-design-review

审查 UI/前端代码，准确告诉你它为什么“看起来像 AI 生成”——以及如何修复。当 React/Tailwind/HTML 界面看起来怪异、平庸或未完善，或你想在发布前获得设计评分、让 UI 更专业精致时使用。

io.github.sickn33/antigravity-awesome-skills/design-system

前端设计的机械化实现不变量：令牌架构、排版层级、加载顺序、FOUT 预防、界面稳定性、动效时长、色彩语义。构建组件、页面或设计系统时与 design 配合使用。（美学方向见……）

io.github.sickn33/antigravity-awesome-skills/design-thinking

为前端设计提供方向与意图。与 design 技能配合，用于定义目的、基调、领域、色彩世界和审查标准；借鉴电影、建筑、营销、UX、汽车与工业设计等跨领域视角。

io.github.sickn33/antigravity-awesome-skills/design-philosophy

面向前端的视觉哲学与艺术指导。在创作高概念作品、营销活动页，或用户提出视觉哲学、宣言式主张、如艺术品般过目不忘的美学时使用。

io.github.sickn33/antigravity-awesome-skills/api-and-interface-design

指导稳定的 API 与接口设计。在设计 API、模块边界或任何公开接口时使用；在创建 REST 或 GraphQL 端点、定义模块间类型契约、确立前后端边界时使用。

io.github.fastapi/fastapi/fastapi

FastAPI 最佳实践与约定。在处理 FastAPI 接口、Pydantic 模型、依赖、包含 Server-Sent Events（SSE）的流式响应，以及托管前端应用时使用。让 FastAPI 代码保持整洁并跟上最新的特性与模式。

io.github.majiayu000/claude-skill-registry/backend-api-grimmolf-mga-soap-calculator

遵循 REST 原则，采用基于资源的 URL、恰当的 HTTP 方法与一致的命名约定来设计与实现 RESTful API 端点。在创建或修改 API 路由处理程序、端点定义或 REST 控制器（如 routes.py、api.ts、controllers/、handlers/），或实现 HTTP 方法（GET、POST、PUT、PATCH、DELETE）时使用。也适用于 API 版本控制、请求/响应校验、状态码处理、限流，或任何向前端客户端或外部系统提供 HTTP 请求的后端端点逻辑。

io.github.majiayu000/claude-skill-registry/typescript-api-types

在定义 API 请求/响应类型、DTO 以及前后端共享类型时应用。

io.github.pdsuwwz/nextjs-nextra-starter/nextjs-nextra-starter-distill

蒸馏并应用本仓库 Next.js Nextra 启动模板的架构、已实现功能、扩展点与迁移模式。适用于需要理解本项目、继续第二阶段开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把 Next.js 16 + Nextra 4 + Tailwind CSS 4 这些模式复用到其他项目的场景。

io.github.borghei/Claude-Skills/senior-backend

基于 Node.js/Express/Fastify 与 PostgreSQL 的后端开发。在设计 REST 或 GraphQL API、优化数据库查询、实现认证、构建微服务、处理迁移或审查后端代码时使用。

io.github.shinpr/claude-code-workflows/typescript-rules

React/TypeScript 前端开发规则，涵盖类型安全、组件设计、状态管理与错误处理。在实现 React 组件、TypeScript 代码或前端功能时使用。

io.github.fossasia/visdom/python-client-api

添加或修改 Visdom Python client 方法，并正确同步 server/frontend 行为与类型标注更新。

io.github.sickn33/antigravity-awesome-skills/design-it

将前端设计任务路由到 48 种具体的 UI 风格。当网站、App 界面或 UI 组件有特定美学要求时触发。

io.github.elizaOS/eliza/canvas

在已连接的 Otto 节点（Mac 应用、iOS、Android）上显示、呈现并渲染 HTML 内容。在设备上展示、移动端预览、推送到屏幕，或在任意已连接节点上导航到某个 URL。用于游戏、可视化、仪表盘、交互演示与实时刷新的开发预览。支持呈现、隐藏、导航、执行 JavaScript，以及在 Mac、iOS、Android 设备间捕获画布内容截图。

io.github.tw93/Waza/design

为页面、组件、视觉界面、字体排印与基于截图的打磨，产出具辨识度、生产级的 UI。当用户以任何语言提出 UI、页面、组件、前端、字体排印、基于截图的视觉打磨需求，或抱怨界面看不清、丑、不一致、视觉上不对劲时使用。不适用于后端逻辑或数据管道。

io.github.marmelab/atomic-crm/backend-dev

Atomic CRM 的后端开发编码实践。用于判断是否需要后端逻辑，或创建/修改数据库迁移、视图、触发器、RLS 策略、edge function，以及调用 Supabase API 的自定义 dataProvider 方法。

io.github.jeremylongshore/claude-code-plugins-plus-skills/wondelai-design-sprint

用结构化的 5 天流程制作原型、测试并与真实用户一起验证产品想法。当用户提到 “design sprint”、“validate in a week”、“rapid prototype”、“test with users”、“de-risk before building”、“GV sprint”、“prototype testing” 或 “design workshop” 时使用。也可在团队需要快速做出关键产品决策、化解各方分歧，或在投入开发前先验证高风险想法时触发。覆盖梳理、草图、决策、原型与测试。持续实验见 lean-startup，用户任务分析见 jobs-to-be-done。

io.github.NeverSight/learn-skills.dev/bootstrap-mobile

面向 iPhone 15（Safari）的移动优先 Bootstrap 5 UI 开发。在为该项目构建模板、布局、组件或任何 HTML/CSS/JS 界面时使用，确保适合触控且性能良好。