Browse skills
ChatGPT design-documentation skill for design decision records
Record the context, decision rationale, alternatives, consequences, and supporting evidence in a design decision record.
Dragoon0x/everything-design-tasteChatGPTDraft a Software Design from Accepted Scope with Codex Forgeflow
Use Forgeflow’s designer to turn accepted scope and repository constraints into a reviewable design. Cover user behavior, responsibilities, state, errors, and tests.
sh4869221b/codex-workforgeCodexAdmin Interface Design Skill for ChatGPT: Set Density, Spacing and Control Hierarchy
Draft coherent interface rules for dashboards, settings, and data tools. Choose depth, spacing rhythm, table density, and emphasis around supplied user tasks.
trentferguson/homescreen-heroChatGPTPrepare a design-to-engineering handoff with Claude Code
Use design-engineering-handoff to capture a feature’s user flow, key states, implementation assumptions, and open decisions.
sethdford/claude-skillsClaude CodeCodex OpenUsage Feature Design with Dependencies and Tests
Clarify scope, user needs, and compatibility before tracing an OpenUsage change across core types, configuration, and terminal UI. Produce a design and an ordered task list.
janekbaraniewski/openusageCodexClaude Code PureScript qualified imports with shorter exports
Use a module qualifier to show where a function comes from while keeping the function name short. This skill applies Johan Tibell’s module naming advice to PureScript.
pete-murphy/purescript-js-temporalClaude CodeChatGPT design-handoff skill for states and responsive layouts
Turn agreed layouts, component tokens, and interaction states into a developer handoff checklist.
Dragoon0x/everything-design-tasteChatGPTDesign Handoff Brief Skill for ChatGPT: Specify Breakpoints, Regions, and States
Turn an approved interface direction into an implementation brief. Capture region order, responsive behavior, state changes, and concrete checks.
contextgo/contextgoChatGPTClaude Code design-language-system for portfolio cards
Apply existing theme variables, type hierarchy, spacing, and interaction rules across article and project cards.
ruchernchong/blogClaude CodeClaude Code design-legacy-seams skill: Characterize behavior before refactoring
Find a small seam for a clock, service, or global dependency. Record the existing behavior with focused tests before changing the implementation.
laurigates/claude-pluginsClaude CodeDesign Mobile App Screens in Codex with Sleek
Use a brief to create a mobile screen in Sleek, retrieve a phone-sized render, and evaluate the design before implementing it in React Native or HTML.
designed-by-ai/skillsCodex (uses the Sleek API)Claude Code design-patterns skill: Choose a pattern for a code change
Start with the part of a design that is hard to change. Compare patterns such as Strategy, State, Factory, or Adapter with a simple implementation and account for the extra interfaces they introduce.
laurigates/claude-pluginsClaude CodeClaude Code design-pseudocode skill: Outline an algorithm before coding
Break a routine into plain-language steps, walk through edge cases, and turn the resulting design into a comment outline for implementation.
laurigates/claude-pluginsClaude CodeClaude Code design-review for implementable feature specifications
Review a feature specification for user stories, data, dependencies, acceptance, and other sections. Flag requirements that cannot yet be built or verified.
krisadas/Claude-Code-Dev-StudiosClaude CodeReview a Software Design Draft with Codex Forgeflow
Use Forgeflow’s read-only design reviewer to compare scope.md with design.md, flag ambiguous responsibilities and implementation risks, and record a verdict.
sh4869221b/codex-workforgeCodexClaude Code design-review for responsive UI consistency
Compare design requirements with screenshots, checking spacing, hierarchy, and breakpoint behavior. Tie each finding to a component.
tansuasici/claude-code-kitClaude CodeInterface Design Review Skill for ChatGPT: Audit Usability and Accessibility With Evidence
Review a supplied screen, code excerpt, or mockup for hierarchy, readability, controls, and component consistency. Keep measurable findings, pending checks, and visual opinions labeled.
TheDecipherist/claude-code-mastery-project-starter-kitChatGPTDesign Screenshot Critique Skill for ChatGPT: Prioritize First-Scan Problems
Read a screenshot for initial attention, action hierarchy, and content grouping. Explain likely design causes and prioritize changes the team can check.
contextgo/contextgoChatGPTDesign Smell Review Skill for ChatGPT: Check Module Responsibilities and Coupling
Review supplied module structure for coupling, cohesion, naming, and boundaries. Give evidence for each finding and propose a small structural step.
charlieviettq/awesome-agent-skillChatGPTDesign Style Archetype Selection for ChatGPT: Convert Tone Into Page Rules
Choose a visual direction from the page purpose, audience task, and emotional tone. Translate it into typography, palette, density, component geometry, and motion choices.
contextgo/contextgoChatGPTReview visual hierarchy in ChatGPT
Review a written interface brief for visual focus using type scale, accent color, spacing, and purposeful motion.
Archive228/loopkitChatGPTClaude Code design-system for project token conventions
Use a template to document brand colors, type, spacing, forms, and responsive conventions so components share a system.
kooleklabs/agentic-setupClaude CodeChatGPT design-system-adoption skill for pilot teams and metrics
Choose a pilot team and project, identify component gaps, and define comparable adoption measures and support.
Dragoon0x/everything-design-tasteChatGPTReview component alignment with a design system in ChatGPT
Use supplied tokens, components and state definitions to check naming, accessibility and gaps.
Owl-Listener/designpowersChatGPTDesign System Documenter for ChatGPT: Explain When to Use Each Token
Turn supplied design variables into developer documentation. Explain semantic roles, appropriate components, short examples, and accessibility checks.
curiositech/some_claude_skillsChatGPTDesign System Direction Skill for ChatGPT: Compare Styles and Draft Tokens
Compare visual directions against supplied audience, use case, and constraints. Turn the chosen direction into candidate color, typography, component, and motion rules with validation steps.
curiositech/some_claude_skillsChatGPTPlan three layers of design tokens in ChatGPT
Translate a product and brand brief into primitive colors, semantic roles, component variables, type, spacing, and light and dark themes.
vibeeval/vibecosystemChatGPTClaude Code Design System Starter for Light and Dark Button Tokens
Define semantic colors, sizing, states, and documentation for a component. Use the bundled token JSON, React examples, and checklist to pilot one button across light and dark themes.
davila7/claude-code-templatesClaude CodeDesign System Tokens Skill for Codex
Organize repeated colors, type sizes, spacing, and radii into semantic CSS variables. It helps projects with existing components bring their light and dark themes and interactive states into alignment.
Eldergenix/Codex-DesignCodexCodex ExpertTeam Design Systems for Source-Based DESIGN.md
Turn approved brand assets and style references into a project design specification. Document color tokens, typography, components, and responsive rules.
ReJeCtAll/ExpertTeam-CodexCodex