pencil-ui-designer
The Pencil Orchestrator. Handles the flow of initializing Design System Components based on requirements.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Design & creation
21,250 results
creative-coding
Expert motion design and creative coding for the web -- the layer beyond static UI: scroll-driven animation, WebGL/canvas, generative and interactive effects,…
gdpr
GDPR compliance including privacy by design, data protection requirements, consent management, right to be forgotten, and data breach response
clear-cove-task-design
Use when orchestration or planning agents are producing task plans, task prompts, or TASK.md instructions that must be unambiguous, verifiable, and resistant…
plugin-creator
Use when creating a new Claude Code plugin from scratch — orchestrates prerequisite check, user discussion, parallel research, design with verification, atomic…
coderabbit-ci-integration
Design a fail-closed merge policy that combines CodeRabbit review state with provider checks without inventing a CodeRabbit status-check name. Use when this…
infographic-outline-creator
Create infographic outline creator operations. Auto-activating skill for Visual Content. Triggers on: infographic outline creator, infographic outline…
sales-funnel-design
Design and optimize a sales funnel for a solopreneur business. Use when mapping how customers move from first awareness to paying customer, identifying where…
namethatui
Name unfamiliar UI components from descriptions, screenshots, live pages, or DOM/code clues; return ranked aliases, prompt-ready wording, and authoritative…
architect
Run /architect when choosing between approaches, designing a feature or page, picking a tech stack, or when /develop says a decision is owed — anytime a…
canvas-design
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,…
ai-commercial
Produce quick commercials (30-90s) for SaaS products, local services, personal brand, and product launches by combining Runway ML generative video, ElevenLabs…
awesome-content-image-adapter
Adapts one finished image into a horizontal 16:9 and a vertical 9:16 version for social platforms without redrawing the artwork. Use when asked to resize a…
linkfox-geekbi-temu-search-by-image
Based on a product image, search the Temu public marketplace for visually similar or identical products, returning product, sales, price, reviews, inventory, supply price, store, and category data. When the user explicitly requests Temu reverse image search, Temu image search for identical products, reverse image search on Temu, Temu visual product search, or provides an image/image URL…
ui-prototype
UI prototype factory. Directly generate multiple independent HTML prototype solutions based on requirements, supporting style inheritance and multi-version comparison.
24-ai-avatar-production-global
Use when a PERSONAL brand needs AI avatar video at scale — three tool tiers, four workflows for single avatar, translation, batch, and hybrid, reference image…
26-thought-leadership-content-global
Use when a PERSONAL brand needs long-form WRITTEN content that builds authority rather than sells — LinkedIn posts, X threads, Substack and Medium essays,…
brand-guidelines
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…
session-memory
Persist and recall findings across skill runs within and between sessions, building a cumulative knowledge base of what has been discovered about a design…
requirement-traceability-analysis
Use this skill when requirements, acceptance criteria, design, code, tests, defects, or evidence must be mapped bidirectionally and coverage gaps made…
app-shopify-polaris-web-components
Use Shopify Polaris Web Components (s-* custom elements) for App Home UI. Use when building App Home surfaces (not embedded apps), designing UI with s-page,…
mermaid-diagrams
Create diagrams and visualizations using Mermaid syntax. Use when generating flowcharts, sequence diagrams, class diagrams, entity-relationship diagrams, Gantt…
mermaid-tools
Extracts Mermaid diagrams from markdown files and generates high-quality PNG images using bundled scripts. Activates when working with Mermaid diagrams,…
presentation-generator
Generate interactive HTML presentations with neobrutalism styling, ASCII art decorations, and Agency brand colors. Outputs HTML (interactive with navigation),…