full-stack-skills/design-skills

Última actividad de origen registrada: 14 de octubre de 2026 a las 14:17

Catálogo de SkillsMP actualizado: 12 de noviembre de 2026 a las 12:52

skills recopiladas: 18

Estrellas en GitHub: 0
Forks en GitHub: 1

Instalar con un asistente de IA

Copia este prompt en el asistente de IA que estés usando.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/full-stack-skills/design-skills.

README del repositorio

Archivo de origen del README: README.md

Leer el README original

Mostrar README completo

<div align="center"> # design-skills **Design and product experience skills — UI tools, feature design, navigation, continuity** [![GitHub](https://img.shields.io/badge/github-full--stack--skills%2Fdesign-skills-green.svg)](https://github.com/full-stack-skills/design-skills) [![License](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](LICENSE) [![Agent Skills](https://img.shields.io/badge/Agent%20Skills-Compatible-purple.svg)](https://agentskills.io) English | [简体中文](./README.zh-CN.md) [Introduction](#-introduction) · [Install](#-install) · [Skills](#-skills) · [Supported Agents](#-supported-agents) · [Ecosystem](#-ecosystem) </div> --- ## 📖 Introduction **Design Tools Skills** is a curated collection of Agent Skills for AI coding agents, part of the [Full Stack Skills](https://github.com/partme-ai/full-stack-skills) ecosystem maintained by [PartMe.AI](https://github.com/partme-ai). This package currently registers **19 skills**. Each skill is a self-contained `SKILL.md` file that AI agents load on-demand. ## 📦 Install ```bash npx skills add full-stack-skills/design-skills ``` Or install specific skills: ```bash npx skills add full-stack-skills/design-skills --skill <skill-name> ``` ## 🎯 Skills (19) | Skill | Description | |-------|-------------| | `adobe-xd` | Provides comprehensive guidance for Adobe XD including design creation, prototyping, components, and collaboration. U... | | `algorithmic-art` | Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when user... | | `brand-guidelines` | Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthrop... | | `canvas-design` | Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the us... | | `cross-platform-mvp-ui-alignment` | Align cross-platform MVP specifications, product states, design language, and matching Phone/Tablet UI asset sets. | | `ui-design-feature` | Turn underspecified product features into observable behavior contracts covering actions, states, permissions, evidence, and acceptance. | | `ui-design-nav` | Define scoped navigation, routes, activation, context propagation, deep links, and return contracts without hierarchy drift. | | `ui-design-continuity` | Continue approved UI families with explicit immutable regions, change budgets, scoped feedback, and baseline-vs-candidate checks. | | `ui-design-spec` | Unified entry: Product-independent method for menu maps, page specs, interaction surfaces, flows, independent design units, and generated consistency checks; execution hands off to Harness and specialists. | | `ui-design-review` | Audit cross-artifact design consistency, distinguish mechanical and judgment checks, and block promotion when evidence or authority is unresolved. | | `ui-design-harness` | Execute resumable, evidence-backed design SOPs across specialist skills, tools, approvals, corrections, reconciliation, and promotion gates. | | `ui-design-theme` | Apply reusable artifact themes. | | `remotion` | Create programmatic videos with Remotion. | | `ui-design-visual` | Create high-fidelity HTML design prototypes. | | [ui-design-use](skills/ui-design-use/SKILL.md) | Route frontend design work to source-managed specialists; plugins distribute pinned snapshots. | | [product-interface-spec](skills/product-interface-spec/SKILL.md) | Product features, interfaces, journeys and task specifications with delivery validation. | | [ui-design-to-image](skills/ui-design-to-image/SKILL.md) | Generate scoped UI concept images and frontend raster assets with native imagegen or an explicitly selected image backend. | | [ui-design-preview](skills/ui-design-preview/SKILL.md) | Synchronized pages/themes and multi-device preview comparison, with a complete standalone application. | | `better-icons` | Find and use icons. | ## 🤖 Supported Agents Works with [Claude Code](https://code.claude.com), [Codex](https://developers.openai.com/codex), [Cursor](https://cursor.com), [OpenCode](https://opencode.ai), [Gemini CLI](https://geminicli.com), [GitHub Copilot](https://github.com/features/copilot), [Windsurf](https://codeium.com/windsurf), and [70+ others](https://agentskills.io/clients). ### Claude Code Installation **Option 1: npx skills CLI (Recommended)** ```bash npx skills add full-stack-skills/design-skills ``` **Option 2: Manual Installation** ```bash git clone https://github.com/full-stack-skills/design-skills.git cp -r design-skills/skills/* .claude/skills/ ``` For more details, see the [Claude Code Skills Guide](https://code.claude.com/docs/en/skills) and [Agent Skills Spec](https://agentskills.io/). ## 🌐 Ecosystem | Resource | Link | |----------|------| | **Full Stack Skills** | [github.com/partme-ai/full-stack-skills](https://github.com/partme-ai/full-stack-skills) | | **All Skill Groups** | [github.com/full-stack-skills](https://github.com/full-stack-skills) | | **Agent Skills Spec** | [agentskills.io](https://agentskills.io) | | **Skills CLI** | [github.com/vercel-labs/skills](https://github.com/vercel-labs/skills) | ## 📄 License Apache 2.0 — see [LICENSE](LICENSE). Third-party attribution notices: see [THIRD-PARTY-NOTICES.md](THIRD-PARTY-NOTICES.md).

Cargando el README del repositorio…

Skills en este repositorio

clasificación pendiente

skill

ocupación

descripción

actualizado

product-interface-spec

sin clasificar

按固定模式整理详细功能设计计划：全产品盘点、功能总表与逐模块详规、导航与逐页结构、用户旅程与逐操作转换、Surface Registry、可交接的计划任务。用于功能清单整理、交互流程梳理、界面结构规划、产品设计计划和已有规格接续；要求功能完整、流程清晰、页面结构明确，避免几个界面拼凑。内置真实成果摘录、贯穿案例、固定模板与完整性校验。

Idioma del texto original: chino

2026-10-14

ui-design-preview

sin clasificar

Build runnable local UI previews with synchronized page/theme switching and fixed device viewports. Use for interactive prototype previews, Phone/Pad comparisons, independent side-by-side review, and portable preview delivery.

Idioma del texto original: chino

2026-10-14

ui-design-use

sin clasificar

UI Design plugin entry skill: invoke ui-design-use for frontend design requests. ui-design is the plugin ID, not a callable skill name. Use for complete functional design packages (login-to-feature paths, menu visibility, shell layouts, design systems, page…

Idioma del texto original: inglés

2026-10-05

ui-design-to-image

sin clasificar

Generate or edit UI concept images and frontend raster assets from a scoped design brief, using native imagegen or an explicitly chosen baoyu-image-gen backend. Use for screen mockups, visual variants, hero art and scoped image corrections; exact UI…

Idioma del texto original: inglés

2026-10-03

adobe-xd

sin clasificar

Provides comprehensive guidance for Adobe XD including design creation, prototyping, components, and collaboration. Use when the user asks about Adobe XD, needs to create UI/UX designs, build prototypes, or work with Adobe XD components.

Idioma del texto original: Varios idiomas

2026-10-03

algorithmic-art

sin clasificar

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather…

Idioma del texto original: inglés

2026-10-03

better-icons

sin clasificar

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search <query>` to find icons, `better-icons get <id>` to get SVG. Also available as MCP server for AI agents.

Idioma del texto original: inglés

2026-10-03

brand-guidelines

sin clasificar

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Idioma del texto original: inglés

2026-10-03

canvas-design

sin clasificar

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work…

Idioma del texto original: inglés

2026-10-03

remotion

sin clasificar

Best practices and domain knowledge for building videos programmatically with Remotion (videos in React/TypeScript, rendered to MP4). Use whenever writing or editing Remotion code — scaffolding a video project, animating with interpolate/spring over…

Idioma del texto original: inglés

2026-10-03

ui-design-continuity

sin clasificar

Define pre-render constraints for first-page design, inheritance from an approved UI baseline, or scoped correction. Record baseline maturity and allowed changes; compare actual candidates after rendering through ui-design-review.

Idioma del texto original: inglés

2026-10-03

ui-design-feature

sin clasificar

Use when a product feature is underspecified, when UI work is starting before actions/states/permissions/evidence are defined, or when an existing feature needs a behavior contract without changing approved information architecture.

Idioma del texto original: inglés

2026-10-03

ui-design-harness

sin clasificar

Use to execute a selected ui-design-spec workflow or resume an existing design run with persistent progress, specialist dispatch, recovery, retries and evidence gates. Pure specification writing uses ui-design-spec spec mode without requiring a run.

Idioma del texto original: inglés

2026-10-03

ui-design-nav

sin clasificar

Use when menus, tabs, routes, deep links, return behavior, or active states are drifting across pages, especially when fixed navigation and page-local views are being confused or duplicated.

Idioma del texto original: inglés

2026-10-03

ui-design-review

sin clasificar

Use when product specs, navigation registries, page tasks, prompts, mockups, manifests, or verification evidence may have drifted and a cross-artifact consistency decision is required before promotion or delivery.

Idioma del texto original: inglés

2026-10-03

ui-design-spec

sin clasificar

Use when planning product or feature UI, filling page and interaction gaps, or continuing design tasks. Covers menu maps, page specs, flows and consistency checks. 完整功能设计、逐页规格与任务交接。

Idioma del texto original: chino

2026-10-03

ui-design-theme

sin clasificar

Select, reuse or define a color and typography theme for UI and visual artifacts. Preserve existing brand choices and return a versioned theme contract for visual production and continuity checks.

Idioma del texto original: inglés

2026-10-03

ui-design-visual

sin clasificar

Create HTML UI prototypes and visual artifacts from a scoped specification, theme and continuity brief. Use for visual exploration, page production, slides or animation; cross-artifact acceptance belongs to ui-design-review.

Idioma del texto original: inglés

2026-10-03

Mostrando 18 de 18 skills recopiladas.