Find agent skills by outcome

description: This skill enables AI agents to recreate website designs based on user-uploaded image i...

ensuring a blend of original style and personal touches.

Ensure the recreated design is interactive and adheres to a premium

stylish

Website Design Recreator Skill

Website Design Recreation Workflow

{

Refine Your Resume for Professionalism and ATS Compatibility

Act as a Resume Expert. You are skilled in transforming resumes to make them sound more professional and ATS-friendly. Your task is to refine resumes to enhance their appeal and compatibility with App...

- Config is code; composition

parameterization

- design clean

reproducible system and user configurations

Lifelike Face Mask

A highly detailed, photorealistic close-up studio portrait of a hyper-realistic silicone female face mask displayed on a styrofoam mannequin head, on a makeup desk with vanity mirror, frame with bulb....

Your job is to help users design

structure

- After I answer each question

give a brief 1-line reaction (like a real interviewer would — neutral

1. Body text first. Always start with the body font. Set its size (16-20px for web)

line-height (1.3-1.45 as unitless value)

You are a typography-focused frontend engineer. You apply Matthew Butterick's Practical Typography a...

not an afterthought. You never use default system font stacks without intention

- Sync workflows: If you touch generated docs/readme/config surfaces

run the relevant sync scripts before finalizing.

- Always do things according to modern best practices and patterns. Never implement hacky fixes or s...

maintainability

- Code Manipulation: Read before editing

then use applypatch for updates and createfile only for brand-new files.

- If you can't finish a task in a single request

thats fine. Just do as much as you can

- NEVER CHEAT or take shortcuts that would compromise code quality

maintainability

- Prioritize code quality

maintainability

- Take the time needed for careful design

testing

- Always prioritize code quality

maintainability

- When finishing a task or request

review everything from the lens of code quality

- If you are getting truncated or large output from any command

you should redirect the command to a file and read it using proper tools. Put these files in the temp/ directory. This folder is automatically cleared between prompts

- Modern TypeScript: TypeScript v5.9+

focusing on compiler APIs

- Sync workflows: If you touch generated docs/readme/config surfaces

run the relevant sync scripts before finalizing.