SkillDesign
UI Pattern
Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.
✳Claude Code>_Codex↗Cursor+1
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
FREE RESOURCE LIBRARYAI prompts and
AI prompts and
agent skills.
Browse reusable instructions for your AI tools. Copy and customize a prompt, or download a skill for a supported agent.
108 prompts34951 skills6 platforms
Browse resources 
BROWSE RESOURCES
Prompts and skills1358 resources
SkillDesign
UI Page
Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
✳Claude Code>_Codex↗Cursor+1
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
UI Review
Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality.
✳Claude Code>_Codex↗Cursor+1
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
UI Setup
Interactive StyleSeed setup wizard for choosing app type, brand color, visual style, typography, and the first screen scaffold.
✳Claude Code>_Codex↗Cursor
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
UI Tokens
List, add, and update StyleSeed design tokens while keeping JSON sources, CSS variables, and dark-mode values in sync.
✳Claude Code>_Codex↗Cursor+1
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
visual-emotion-engineer
One sentence - what this skill does and when to invoke it
✳Claude Code>_Codex↗Cursor+1
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
UX Flow
Design user flows and screen structure using StyleSeed UX patterns such as progressive disclosure, hub-and-spoke navigation, and information pyramids.
✳Claude Code>_Codex↗Cursor+1
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
ui-ux-designer
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.
✳Claude Code↗Cursor◎ChatGPT+1
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
Ui Skills
Opinionated, evolving constraints to guide agents when building interfaces
◈OpenClaw
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
ui-visual-validator
Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification.
✳Claude Code>_Codex◈OpenClaw+2
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
Vizcom Skill
AI-powered product design tool for transforming sketches into full-fidelity 3D renders.
◈OpenClaw
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
Web Interface Guidelines
Review files for compliance with Web Interface Guidelines.
◈OpenClaw
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beaut...
✳Claude Code>_Codex↗Cursor+1
By BbgnsurfTechOriginal project
9 GitHub starsApache-2.0 · FreeView skill
SkillDesign
1. End-to-End Design Process
Authoritative ato authoring and review skill: language reference, stdlib, design patterns, and end-to-end board design workflow.
◈OpenClaw
By atopileOriginal project
3,376 GitHub starsMIT · FreeView skill
SkillDesign
Frontend Design
You are a frontend designer-engineer, not a layout generator.
✳Claude Code>_Codex◈OpenClaw+1
By boisenoiseOriginal project
6 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Designer
Generate and validate design documents (Spec, Blueprint, Domain Model, Architecture) with mandatory mermaid diagrams. Use after PRD confirmation when DRM requires Design Phase. Triggers on 'generate design', 'design docs', '설계 문서', '설계 생성'.
◈OpenClaw
By berrzebbOriginal project
8 GitHub starsMIT · FreeView skill
SkillDesign
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
✳Claude Code>_Codex↗Cursor+1
By boisenoiseOriginal project
6 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Image Generation
Generate and refine brand-consistent images from libraries, references, and prior candidates.
◈OpenClaw
By BuilderIOOriginal project
484 GitHub starsMIT · FreeView skill
SkillDesign
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beaut...
✳Claude Code>_Codex↗Cursor+2
By bytedanceOriginal project
71,126 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Web Interface Guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
◈OpenClaw
By bytedanceOriginal project
71,126 GitHub starsMIT · FreeView skill
SkillDesign
Details that make interfaces feel better
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design det...
✳Claude Code↗Cursor◎ChatGPT
By caeziumOriginal project
1 GitHub starsMIT · FreeView skill
SkillDesign
Design Generation
How to generate complete, interactive HTML prototypes using Alpine.js + Tailwind CSS (via CDN). This is the core skill for the design agent.
◈OpenClaw
By BuilderIOOriginal project
484 GitHub starsMIT · FreeView skill
SkillDesign
Design Systems
Design systems store brand identity tokens (colors, fonts, spacing, logos) that are applied to all designs in a project.
◈OpenClaw
By BuilderIOOriginal project
484 GitHub starsMIT · FreeView skill
SkillContent & Media
Export and Handoff
How to export designs and generate handoff documentation for developers converting prototypes to production code.
◈OpenClaw
By BuilderIOOriginal project
484 GitHub starsMIT · FreeView skill
No matching resources.
Try another platform, a broader search, or fewer filters.
Explore all resourcesResource formats: Prompts are ready to copy into a conversation. Skills install into the compatible agent shown on their page.
How it worksCONTRIBUTE
Submit a resourceSubmit a prompt or skill
Include the instructions, intended platforms, author, and license. Submissions are reviewed before publication.